/* =========================================================
   Design tokens — colours, radius, motion curves, fonts. The only place raw brand values live.
   ========================================================= */

:root {
  /* brand: Yentrika orange + the exact gear blue from the logo.
     Every blue on the page is this hue (238°) — only lighter or deeper. */
  --blue: #2E3192;
  --bg: #F3F4F8;
  --surface: #FFFFFF;
  --ink: var(--blue);        /* headings, buttons, robot shapes, dark panels */
  --ink-2: #282A6C;          /* body copy + secondary shapes */
  --ink-deep: #1C1E5F;       /* Yen's visor, pressed states */
  --night: #0D0E35;          /* night-sky scenes (drone swarm, lightbox) */
  --text: #33354A;           /* body copy: neutral slate, so paragraphs don't read as blue */
  --muted: #65677A;
  --line: rgba(46, 49, 146, .1);
  --line-strong: rgba(46, 49, 146, .22);
  --edge: #D6D9F5;           /* very light logo-blue card border */
  --edge-strong: #B4B8EC;    /* inputs, hovered cards */
  --accent: #F7941D;         /* exact logo orange — everything orange except button labels + ticker */
  --accent-deep: #E07F0E;
  --accent-light: #FFCD8F;   /* soft orange for labels on blue: buttons, ticker, selected chips */
  --accent-soft: rgba(247, 148, 29, .18);
  --steel: #C9CDDA;
  --go: #1FB46A;
  --radius: 24px;

  /* motion: servo = slight overshoot, mech = hard start/stop */
  --servo: cubic-bezier(.34, 1.45, .64, 1);
  --mech: cubic-bezier(.7, 0, .25, 1);

  --sans: "Space Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
}