/* ═══ ATLAS v7 · "Light Studio" — design tokens ═══
   Light-first editorial. Paper, ink, hairline. Colour only signals action or identity.
   Light is the marketing default; dark via nav toggle ([data-theme], theme7.js). */
:root{
  /* paper + ink */
  --bg:#FAFAF7; --surface:#FFFFFF;
  --ink:#16181D;          /* 15.2:1 on bg */
  --ink-soft:#5A5E6B;     /*  6.4:1 */
  --line:#E7E6E1;

  /* the one action colour */
  --accent:#2D4FE0;       /* 5.9:1 on paper */
  --accent-ink:#1E3AAE;
  --on-accent:#FFFFFF;
  --focus:var(--accent);

  /* product identity tints — AA-safe as small text on paper (rules + text) */
  --tint-vault:#6F4FD6; --tint-income:#2D4FE0; --tint-trading:#0B7A60;

  /* warm highlight chip (Save €68) — sand, not alarm */
  --chip:#F4EFE4; --chip-ink:#6B5B2E;

  /* type */
  --disp:'SG',system-ui,sans-serif;
  --ui:'Inter',system-ui,sans-serif;
  --mono:'JBM',ui-monospace,monospace;

  /* motion vocabulary — one easing language site-wide */
  --ease-out:cubic-bezier(.22,1,.36,1);
  --ease-spring:cubic-bezier(.34,1.4,.64,1);
  --dur-micro:180ms; --dur-enter:550ms; --dur-hero:1100ms;

  /* rhythm */
  --sp:8px; --sec-pad:clamp(80px,14vh,128px);
  --wrap:1120px; --ch:62ch;
}
[data-theme="dark"]{
  --bg:#101114; --surface:#17181D;
  --ink:#F2F2EF; --ink-soft:#9A9EA9; --line:#26282E;
  --accent:#6B85F2; --accent-ink:#8FA3F5; --on-accent:#0E1013;
  --chip:#2A2718; --chip-ink:#D8C68A;
  --tint-vault:#9B82ED; --tint-income:#6B85F2; --tint-trading:#3BAF8E;
}
@font-face{font-family:'SG';src:url('fonts/SpaceGrotesk.woff2') format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'Inter';src:url('fonts/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'JBM';src:url('fonts/JetBrainsMono.woff2') format('woff2');font-weight:100 800;font-display:swap}