/* ==========================================================================
   LOVEJILI ARCHETYPE 0 DESIGN TOKENS
   Deep Obsidian Base · Luminous Gold Primary · 4px Border Geometry
   Condensed Sans Heading · High-Legibility Geometric Sans Body
   ========================================================================== */

:root {
  /* 1. Base Dark Surface */
  --color-bg-base: oklch(10% 0.008 240);
  /* 2. Elevated Card Surface */
  --color-bg-surface-1: oklch(14% 0.012 240);
  /* 3. Secondary Component Surface */
  --color-bg-surface-2: oklch(18% 0.016 240);
  /* 4. Active/Hover Surface */
  --color-bg-surface-3: oklch(22% 0.020 240);

  /* 5. Gold Primary Brand Accent */
  --color-primary: oklch(72% 0.18 68);
  /* 6. Gold Hover State */
  --color-primary-hover: oklch(76% 0.19 70);
  /* 7. Gold Pressed Active State */
  --color-primary-active: oklch(66% 0.17 65);
  /* 8. Luminous Gold Glow Shadow */
  --color-primary-glow: rgba(245, 179, 36, 0.28);

  /* 9. Amber Flame Accent */
  --color-accent: oklch(62% 0.22 45);

  /* 10. High-Legibility Light Text */
  --color-text-main: oklch(96% 0.005 240);
  /* 11. Muted Subtitle Text */
  --color-text-muted: oklch(76% 0.015 240);
  /* 12. Low-Emphasis Dim Text */
  --color-text-dim: oklch(56% 0.015 240);

  /* 13. Subtle Card Border */
  --color-border-subtle: oklch(22% 0.015 240);
  /* 14. Active Focus Border */
  --color-border-focus: oklch(72% 0.18 68);

  /* 15. InstaPay Success Green */
  --color-status-success: oklch(70% 0.18 145);
  /* 16. Warning / Rollover Amber */
  --color-status-warning: oklch(75% 0.18 75);
  /* 17. 21+ Regulatory Crimson */
  --color-status-danger: oklch(62% 0.22 25);

  /* 18. Geometry Radius Small (Archetype 0: 4px) */
  --radius-sm: 4px;
  /* 19. Geometry Radius Medium */
  --radius-md: 4px;
  /* 20. Geometry Radius Large */
  --radius-lg: 8px;
  /* 21. Geometry Radius Pill */
  --radius-pill: 9999px;

  /* 22. Condensed Sans-Serif Heading Font */
  --font-heading: 'Barlow Condensed', 'Oswald', -apple-system, BlinkMacSystemFont, sans-serif;
  /* 23. Geometric Body Font */
  --font-body: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  /* 24. High-Legibility Monospace Font */
  --font-mono: 'JetBrains Mono', 'SFMono-Regular', Consolas, monospace;

  /* 25. Card Depth Shadow */
  --shadow-card: 0 4px 18px rgba(0, 0, 0, 0.55);
  /* 26. Action FAB Elevated Glow */
  --shadow-fab: 0 8px 24px rgba(245, 179, 36, 0.42);
  /* 27. Default Motion Transition */
  --transition-default: all 0.22s cubic-bezier(0.4, 0, 0.2, 1);
}