/* FILIBA design tokens — lifted from DESIGN-STYLE-GUIDE.md §2/§3 + Claude-Design mock. Single source of truth. */
:root {
  /* surfaces */
  --bg: #0F0F12;
  --panel: #16161b;        /* half-step area panel — separation by tone, not lines */
  --card: #1c1c24;
  --stroke: #2c2c37;

  /* the single accent — action/focus/active ONLY, never decoration */
  --accent: #8b7ff5;
  --accent-dim: rgba(139, 127, 245, 0.12);

  /* meaning colors — status/delta only, sparingly */
  --info: #5b9df5;
  --ok: #3ecf8e;
  --warn: #f5a623;
  --bad: #f5566c;

  /* text — soft white, never #fff on dark.
     R3.7 contrast fix (Nativ: "הכתוב הלבן טיפה לא רואים כי זה על גבול האפור"):
     text-2 0.60→0.70 (~9:1 on #16161b).
     R3.8 contrast pass 3 (Nativ: "עדיין יש לבן חיוור"): text-3 0.54→0.62 (~7:1) — the
     informational floor. Labels-of-numbers moved up to text-2 in app.css; ONLY true
     decoration (disabled arrows, ornaments) stays at 0.38 via --text-dec. */
  --text: rgba(255, 255, 255, 0.87);
  --text-2: rgba(255, 255, 255, 0.70);
  --text-3: rgba(255, 255, 255, 0.62);
  --text-dec: rgba(255, 255, 255, 0.38);

  /* typography */
  --font-ui: 'IBM Plex Sans Hebrew', 'Assistant', -apple-system, system-ui, sans-serif;
  --font-num: 'IBM Plex Mono', monospace;
  --fs-meta: 12px; --fs-label: 13px; --fs-body: 14px; --fs-sub: 16px; --fs-title: 20px; --fs-hero: 28px;

  /* shape */
  --r-card: 15px;
  --r-hero: 20px;
  --r-pill: 999px;

  /* rhythm — uniform gutters between areas > padding inside */
  --gutter: 20px;
  --pad-card: 18px;

  /* motion */
  --ease: cubic-bezier(0.25, 0.8, 0.35, 1);
  --t-fast: 150ms;
  --t-med: 220ms;
}
@media (prefers-reduced-motion: reduce) {
  :root { --t-fast: 0ms; --t-med: 0ms; }
}