:root {
  --radius: 2px;
  --font-sans: "Chivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Anton", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Sono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #ECE0F4;
  --foreground: #1C131C;
  --card: #E3D2EE;
  --card-foreground: #1C131C;
  --popover: #E3D2EE;
  --popover-foreground: #1C131C;
  --primary: #768000;
  --primary-foreground: #120917;
  --secondary: #D8C2E7;
  --secondary-foreground: #1C131C;
  --muted: #D8C2E7;
  --muted-foreground: #5D505E;
  --accent: #946300;
  --accent-foreground: #FCF8FF;
  --destructive: #B6322D;
  --destructive-foreground: #FCF8FF;
  --border: #C9B5D6;
  --input: #C9B5D6;
  --ring: #768000;
  --chart-1: #7C8700;
  --chart-2: #27A107;
  --chart-3: #008B67;
  --chart-4: #AE8900;
  --chart-5: #A05C00;
  --sidebar: #E3D2EE;
  --sidebar-foreground: #1C131C;
  --sidebar-primary: #768000;
  --sidebar-primary-foreground: #120917;
  --sidebar-accent: #D8C2E7;
  --sidebar-accent-foreground: #1C131C;
  --sidebar-border: #C9B5D6;
  --sidebar-ring: #768000;
}

.dark {
  --background: #130D17;
  --foreground: #E2D5E2;
  --card: #21132A;
  --card-foreground: #E2D5E2;
  --popover: #21132A;
  --popover-foreground: #E2D5E2;
  --primary: #A6B300;
  --primary-foreground: #120917;
  --secondary: #301B3C;
  --secondary-foreground: #E2D5E2;
  --muted: #301B3C;
  --muted-foreground: #968797;
  --accent: #EBA000;
  --accent-foreground: #120917;
  --destructive: #FF7A6E;
  --destructive-foreground: #120917;
  --border: #3D2A49;
  --input: #3D2A49;
  --ring: #A6B300;
  --chart-1: #A5B200;
  --chart-2: #46BA32;
  --chart-3: #00CE9B;
  --chart-4: #B68F00;
  --chart-5: #FF9B28;
  --sidebar: #21132A;
  --sidebar-foreground: #E2D5E2;
  --sidebar-primary: #A6B300;
  --sidebar-primary-foreground: #120917;
  --sidebar-accent: #301B3C;
  --sidebar-accent-foreground: #E2D5E2;
  --sidebar-border: #3D2A49;
  --sidebar-ring: #A6B300;
}

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