/* Shared design tokens — LIGHT liquid glass, cool pearl edition. Owned by the coordinator — agents read, never edit.
   Reference: frosted lens-glass panes over a bright, cool, softly lit room; slate type; one iOS-style blue.
   Token names are semantic: --paper* = TEXT colours, --ink* = SURFACE colours (light).
   The accent is ONE token (--signal); swapping it re-skins buttons, focus, highlights and the 3D scene. */
:root {
  /* the room behind the glass (the 3D scene paints a lit gradient over this) */
  --ink-0: #e4e7ed;      /* page: pearl */
  --ink-1: #f4f6f9;      /* opaque fallback panel when backdrop-filter is unavailable */
  --ink-2: #e9ecf1;
  --line: rgba(24, 34, 52, .10);
  --line-strong: rgba(24, 34, 52, .18);

  /* type: slate */
  --paper: #121926;
  --paper-2: rgba(18, 25, 38, .72);
  --paper-3: rgba(18, 25, 38, .50);

  /* one accent */
  --signal: #2f6ff0;
  --signal-2: #5b9dff;   /* lighter end of the accent, for gradients on the primary button */
  --signal-dim: rgba(47, 111, 240, .12);
  /* room light colours, used by the 3D scene */
  --amber: #c9dcff;      /* (legacy name) cool key light */
  --sand: #e8ecf3;
  --wood: #8a96ab;
  --ok: #1f9d63;
  --warn: #b7791f;

  /* dark code/terminal surfaces stay dark, like the reference's code window */
  --code-bg: rgba(16, 21, 31, .88);
  --code-line: rgba(226, 234, 248, .10);
  --code-text: #e9eef7;
  --code-dim: rgba(233, 238, 247, .55);

  /* glass material (milky, light, thick) */
  --glass-fill: linear-gradient(180deg, rgba(255, 255, 255, .56), rgba(246, 248, 252, .30));
  --glass-fill-strong: linear-gradient(180deg, rgba(255, 255, 255, .78), rgba(248, 250, 253, .55));
  --glass-fill-inset: rgba(255, 255, 255, .46);
  --glass-blur: 26px;
  --glass-sat: 150%;
  --glass-rim: linear-gradient(140deg, rgba(255,255,255,.98), rgba(255,255,255,.35) 30%, rgba(255,255,255,.05) 55%, rgba(255,255,255,.25) 75%, rgba(255,255,255,.85));
  --glass-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    inset 0 -1px 0 rgba(255,255,255,.3),
    0 1px 2px rgba(20, 30, 50, .07),
    0 30px 60px -28px rgba(20, 30, 55, .30);

  --font-sans: "IBM Plex Sans Hebrew", system-ui, sans-serif;
  --font-serif: "Frank Ruhl Libre", Georgia, serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;

  --t-xs: 0.75rem;
  --t-sm: 0.875rem;
  --t-md: 1rem;
  --t-lg: clamp(1.125rem, 1rem + 0.4vw, 1.3rem);
  --t-xl: clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem);
  --t-2xl: clamp(2.25rem, 1.6rem + 2.8vw, 4rem);
  --t-3xl: clamp(2.75rem, 1.6rem + 5.2vw, 6.5rem);

  --gutter: clamp(16px, 4vw, 48px);
  --maxw: 1240px;
  --radius: 14px;
  --radius-glass: 28px;
  --radius-pill: 999px;
  --ease: cubic-bezier(.2, .7, .1, 1);
  --spring: cubic-bezier(.34, 1.4, .5, 1);
}