/* Jarapass design tokens — generated by hand from Architecture/DESIGN.md.
   Every value here is verified by Architecture/verify_tokens.py.
   No component may use a raw hex; only var(--...) from the semantic layer. */

:root {
  /* ---- PRIMITIVE ------------------------------------------------ */
  --ink-900:#0B0E09; --ink-700:#3A3F36; --ink-500:#6B6F63; --ink-300:#A8ABA0;
  --paper:#FAF8F3;   --white:#FFFFFF;
  --lime-500:#C8F02F; --lime-deep:#3E5A00;
  --sun-500:#FF7A2F;  --lilac-500:#B8A6FF;

  /* category — semantic, never decorative, always carries ink */
  --cat-dining:#FF6B35;  --cat-gym:#2FD9A4;     --cat-beauty:#FF8FC7;
  --cat-hotels:#4D8BFF;  --cat-retail:#B8A6FF;  --cat-ents:#FFD43D;
  --cat-health:#5EE8E8;  --cat-home:#C4915C;

  /* ---- SPACING / RADIUS ----------------------------------------- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px;
  --s6:24px; --s7:32px; --s8:40px; --s9:48px; --s10:64px;
  --r-sm:8px; --r-md:12px; --r-lg:20px; --r-pill:999px;
  --gutter:16px;

  /* ---- SEMANTIC (light) ----------------------------------------- */
  --surface-page:var(--paper);
  --surface-card:var(--white);
  --surface-raised:var(--white);
  --surface-sunken:#F2F0EA;
  --text-primary:var(--ink-900);
  --text-secondary:var(--ink-500);
  --text-tertiary:var(--ink-300);      /* decorative / disabled ONLY — 2.20:1 */
  --accent-surface:var(--lime-500);
  --accent-on-surface:var(--ink-900);
  --accent-text:var(--lime-deep);      /* lime as WORDS on light */
  --border-subtle:#E8E6E0;
  --state-danger:#C4332B;
  --state-success:#2F7A4F;
  --shadow-card:0 1px 2px rgba(11,14,9,.06), 0 4px 12px rgba(11,14,9,.04);
  /* hero/nav are always a DARK surface in both themes - they must never be
     bound to --text-primary, which inverts to near-white in dark mode. */
  --hero-bg:#0B0E09; --hero-fg:#FAF8F3; --hero-dim:rgba(250,248,243,.66);
  --nav-bg:#0B0E09;
}

[data-theme="dark"] {
  --surface-page:#12140F;
  --surface-card:#1C1F18;
  --surface-raised:#252921;
  --surface-sunken:#0D0F0B;
  --text-primary:#F2F0EA;
  --text-secondary:#A8ABA0;
  --text-tertiary:#6B6F63;
  --accent-surface:var(--lime-500);    /* lime is identical in both themes */
  --accent-on-surface:var(--ink-900);
  --accent-text:var(--lime-500);       /* 14.09 on page — the one place the rule relaxes */
  --border-subtle:#2E322A;
  --state-danger:#FF7A6B;
  --state-success:#4FD18B;
  --shadow-card:none;                  /* dark uses borders, never glow */
  --hero-bg:#252921; --hero-fg:#F2F0EA; --hero-dim:rgba(242,240,234,.62);
  --nav-bg:#252921;
}