/* ==============================================
   Fernacular Design Tokens
   Auto-generated by Frostroad governance engine
   DO NOT EDIT — changes will be overwritten
   ============================================== */

:root {
  /* -- colors -- */
  --color-ice-50: #eef5ff;
  --color-ice-100: #d9e8ff;
  --color-ice-200: #b3d1ff;
  --color-ice-300: #8db9ff;
  --color-ice-400: #6ba3ff;
  --color-ice-500: #4a8fe6;
  --color-ice-600: #3a73b8;
  --color-ice-700: #2a578a;
  --bg-base: #09090b;
  --bg-surface: #111113;
  --bg-elevated: #18181b;
  --bg-overlay: #1f1f23;
  --bg-hover: rgba(255,255,255,0.04);
  --border-subtle: rgba(255,255,255,0.06);
  --border-default: rgba(255,255,255,0.10);
  --border-medium: rgba(255,255,255,0.12);
  --border-strong: rgba(255,255,255,0.20);
  --text-primary: #ffffff;
  --text-secondary: rgba(255,255,255,0.60);
  --text-muted: rgba(255,255,255,0.40);
  --text-faint: rgba(255,255,255,0.20);
  --state-success: #22c55e;
  --state-warning: #f59e0b;
  --state-error: #ef4444;
  --state-info: #4a8fe6;
  --accent-primary: #4a8fe6;
  --accent-maintenance: #f59e0b;
  --accent-critical: #ef4444;

  /* -- spacing -- */
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* -- typography -- */
  --font-mono: 'SF Mono', 'Fira Code', 'Cascadia Code', monospace;
  --font-sans: 'Inter', -apple-system, system-ui, sans-serif;
  --font-size-xs: 0.6875rem;
  --font-size-sm: 0.75rem;
  --font-size-base: 0.8125rem;
  --font-size-md: 0.875rem;
  --font-size-lg: 1rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --line-height-tight: 1.25;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  --letter-spacing-tight: -0.02em;
  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.05em;
  --letter-spacing-widest: 0.1em;

  /* -- effects -- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;
  --transition-slow: 300ms ease;

}