:root {
  --radius: 18px;
  --font-sans: "Archivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Archivo Black", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #FFFBEF;
  --foreground: #14110B;
  --card: #FFFFFF;
  --card-foreground: #14110B;
  --popover: #FFFFFF;
  --popover-foreground: #14110B;
  --primary: #FF4D2E;
  --primary-foreground: #1A0A04;
  --secondary: #FFE066;
  --secondary-foreground: #241D00;
  --muted: #F2EBD8;
  --muted-foreground: #635B45;
  --accent: #2D5BFF;
  --accent-foreground: #FFFFFF;
  --destructive: #D91E2A;
  --destructive-foreground: #FFFFFF;
  --border: #14110B;
  --input: #14110B;
  --ring: #2D5BFF;
  --chart-1: #FF4D2E;
  --chart-2: #2D5BFF;
  --chart-3: #FFC53D;
  --chart-4: #0E9E6A;
  --chart-5: #9B3DD8;
  --sidebar: #FFFFFF;
  --sidebar-foreground: #14110B;
  --sidebar-primary: #FF4D2E;
  --sidebar-primary-foreground: #1A0A04;
  --sidebar-accent: #F2EBD8;
  --sidebar-accent-foreground: #14110B;
  --sidebar-border: #14110B;
  --sidebar-ring: #2D5BFF;
}

.dark {
  --background: #12101A;
  --foreground: #FAF7EC;
  --card: #1A1726;
  --card-foreground: #FAF7EC;
  --popover: #1A1726;
  --popover-foreground: #FAF7EC;
  --primary: #FF6B45;
  --primary-foreground: #200600;
  --secondary: #FFD84D;
  --secondary-foreground: #241B00;
  --muted: #262238;
  --muted-foreground: #A8A2BE;
  --accent: #6E8BFF;
  --accent-foreground: #050C2A;
  --destructive: #FF6165;
  --destructive-foreground: #2A0508;
  --border: #6B6390;
  --input: #6B6390;
  --ring: #6E8BFF;
  --chart-1: #FF6B45;
  --chart-2: #6E8BFF;
  --chart-3: #FFD84D;
  --chart-4: #3DDC97;
  --chart-5: #C77DFF;
  --sidebar: #1A1726;
  --sidebar-foreground: #FAF7EC;
  --sidebar-primary: #FF6B45;
  --sidebar-primary-foreground: #200600;
  --sidebar-accent: #262238;
  --sidebar-accent-foreground: #FAF7EC;
  --sidebar-border: #6B6390;
  --sidebar-ring: #6E8BFF;
}

/* Keyboard focus. Zero specificity — override it with any plain selector. */
@layer base {
  :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: var(--ring-offset, 2px);
  }
}

/* Keyboard focus. Zero specificity — override it with any plain selector. */
@layer base {
  :where(a[href], button, input, select, textarea, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: var(--ring-offset, 2px);
  }
}