/**
 * 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;
}