/**
 * NorthPathOS · Design tokens (colors, fonts, spacing, radii, shadows)
 * Operator's CLAUDE.md hard rule: NEVER hardcode hex in module code.
 * Add a token here, then reference it as `var(--token-name)`.
 */

:root {
  /* Greyscale + base */
  --black:#0a0a0a; --white:#fff;
  --g50:#f9fafb; --g100:#f3f4f6; --g200:#e5e7eb;
  --g300:#d1d5db; --g400:#9ca3af; --g500:#6b7280;
  --g600:#4b5563; --g700:#374151; --g800:#1f2937;

  /* Brand + status */
  --blue:#1a56db; --blueH:#1444b8; --blue-light:#eff6ff;
  --green:#16a34a; --green-light:#dcfce7;
  --red:#dc2626;   --red-light:#fef2f2;
  --amber:#d97706; --amber-light:#fef3c7;
  --purple:#7c3aed; --purple-light:#ede9fe;
  --gold:#d4a017;  --gold-light:#fef3c7;
  --wa:#25d366;

  /* Greyscale aliases (Tailwind-style) for module use */
  --gray-400:var(--g400); --gray-500:var(--g500); --gray-600:var(--g600);

  /* Typography */
  --font:'Segoe UI', system-ui, -apple-system, sans-serif;

  /* Radii */
  --r:10px; --r-lg:14px;

  /* Shadows */
  --sh:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);
  --sh2:0 4px 16px rgba(0,0,0,.08);

  /* Layout */
  --sidebar:224px;
  --topbar:49px;

  /* 2026-06-09 — tokens that modules referenced but were defined in NO theme,
     so var(--x, fallback) always hit the hardcoded fallback (broke on dark/premium,
     where a light-designed hex became invisible). Defined here (light) + mirrored
     in dark.css / premium.css so every theme resolves them correctly. */
  --g050:#fafafa; --g900:#111827; --ink:#111827;
  --card:var(--white); --line:var(--g200); --shadow:rgba(0,0,0,.12);
  --cream:#f5ecd5; --cream-muted:#8a7f5c;
  --blue-deep:#1e3a8a; --green-deep:#065f46; --amber-deep:#92400e; --purple-deep:#3730a3;
  --info:#1a56db; --success:#16a34a; --cyan:#0891b2;
  --accent-dark:#b88a14; --accent-soft:var(--blue-light); --on-accent:#ffffff;
}