/* ============================================================
   OUEST-DIGIT · theme.css
   New theme — amber primary, neutral grays, light/dark.
   ============================================================ */

:root {
  --card: #ffffff;
  --ring: #f59e0b;
  --input: #e5e7eb;
  --muted: #f9fafb;
  --accent: #fffbeb;
  --border: #e5e7eb;
  --radius: 0.375rem;
  --chart-1: #f59e0b;
  --chart-2: #d97706;
  --chart-3: #b45309;
  --chart-4: #92400e;
  --chart-5: #78350f;
  --popover: #ffffff;
  --primary: #f59e0b;
  --sidebar: #f9fafb;
  --spacing: 0.25rem;
  --font-mono: 'JetBrains Mono', monospace;
  --font-sans: 'Inter', sans-serif;
  --secondary: #f3f4f6;
  --background: #ffffff;
  --font-serif: 'Source Serif 4', serif;
  --foreground: #262626;
  --destructive: #ef4444;
  --shadow-blur: 8px;
  --shadow-color: hsl(0 0% 0%);
  --sidebar-ring: #f59e0b;
  --shadow-spread: -1px;
  --letter-spacing: 0em;
  --shadow-opacity: 0.1;
  --sidebar-accent: #fffbeb;
  --sidebar-border: #e5e7eb;
  --card-foreground: #262626;
  --shadow-offset-x: 0px;
  --shadow-offset-y: 4px;
  --sidebar-primary: #f59e0b;
  --muted-foreground: #6b7280;
  --accent-foreground: #92400e;
  --popover-foreground: #262626;
  --primary-foreground: #000000;
  --sidebar-foreground: #262626;
  --secondary-foreground: #4b5563;
  --destructive-foreground: #ffffff;
  --sidebar-accent-foreground: #92400e;
  --sidebar-primary-foreground: #ffffff;
}

.dark, [data-theme="dark"] {
  --card: #262626;
  --ring: #f59e0b;
  --input: #404040;
  --muted: #262626;
  --accent: #92400e;
  --border: #404040;
  --chart-1: #fbbf24;
  --chart-2: #d97706;
  --chart-3: #92400e;
  --chart-4: #b45309;
  --chart-5: #92400e;
  --popover: #262626;
  --primary: #f59e0b;
  --sidebar: #0f0f0f;
  --secondary: #262626;
  --background: #171717;
  --foreground: #e5e5e5;
  --destructive: #ef4444;
  --sidebar-ring: #f59e0b;
  --sidebar-accent: #92400e;
  --sidebar-border: #404040;
  --card-foreground: #e5e5e5;
  --sidebar-primary: #f59e0b;
  --muted-foreground: #a3a3a3;
  --accent-foreground: #fde68a;
  --popover-foreground: #e5e5e5;
  --primary-foreground: #000000;
  --sidebar-foreground: #e5e5e5;
  --secondary-foreground: #e5e5e5;
  --destructive-foreground: #ffffff;
  --sidebar-accent-foreground: #fde68a;
  --sidebar-primary-foreground: #ffffff;
}

/* Re-map legacy Ouest-Digit tokens onto the new theme tokens
   so existing components inherit the new palette without changes. */
:root {
  --od-amber-500: var(--primary);
  --od-amber-600: #d97706;
  --od-amber-400: #fbbf24;
  --od-amber-200: #fde68a;
  --od-amber-050: var(--accent);
  --od-navy-900: var(--background);
  --od-navy-800: var(--card);
  --od-navy-700: var(--border);
  --od-navy-600: var(--muted-foreground);
  --od-navy-500: var(--muted-foreground);
  --od-fg: var(--foreground);
  --od-fg-on-dark: var(--foreground);
  --od-fg-muted: var(--muted-foreground);
  --od-fg-subtle: var(--muted-foreground);
  --od-fg-accent: var(--primary);
  --od-bg: var(--background);
  --od-bg-dark: var(--background);
  --od-border: var(--border);
  --od-accent: var(--primary);
  --od-accent-fg: var(--primary-foreground);
  --od-font-display: var(--font-sans);
  --od-font-body: var(--font-sans);
  --od-font-mono: var(--font-mono);
}