:root {
  --radius: 6px;
  --font-sans: "Epilogue", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "League Spartan", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Chivo Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #FFECD7;
  --foreground: #28211A;
  --card: #FCDEBE;
  --card-foreground: #28211A;
  --popover: #FCDEBE;
  --popover-foreground: #28211A;
  --primary: #8F8800;
  --primary-foreground: #150B01;
  --secondary: #F8D0A4;
  --secondary-foreground: #28211A;
  --muted: #F8D0A4;
  --muted-foreground: #665A51;
  --accent: #576DC6;
  --accent-foreground: #FFF9F3;
  --destructive: #B6322D;
  --destructive-foreground: #FFF9F3;
  --border: #E5C19B;
  --input: #E5C19B;
  --ring: #8F8800;
  --chart-1: #7B7500;
  --chart-2: #918A00;
  --chart-3: #635E00;
  --chart-4: #A9A332;
  --chart-5: #4E4A00;
  --sidebar: #FCDEBE;
  --sidebar-foreground: #28211A;
  --sidebar-primary: #8F8800;
  --sidebar-primary-foreground: #150B01;
  --sidebar-accent: #F8D0A4;
  --sidebar-accent-foreground: #28211A;
  --sidebar-border: #E5C19B;
  --sidebar-ring: #8F8800;
}

.dark {
  --background: #21190F;
  --foreground: #F6EFE8;
  --card: #362208;
  --card-foreground: #F6EFE8;
  --popover: #362208;
  --popover-foreground: #F6EFE8;
  --primary: #CFC500;
  --primary-foreground: #150B01;
  --secondary: #4A2D06;
  --secondary-foreground: #F6EFE8;
  --muted: #4A2D06;
  --muted-foreground: #A49B93;
  --accent: #B9CAFF;
  --accent-foreground: #150B01;
  --destructive: #FFA499;
  --destructive-foreground: #150B01;
  --border: #5A4021;
  --input: #5A4021;
  --ring: #CFC500;
  --chart-1: #B2A900;
  --chart-2: #948D00;
  --chart-3: #CCC32D;
  --chart-4: #7B7500;
  --chart-5: #DAD685;
  --sidebar: #362208;
  --sidebar-foreground: #F6EFE8;
  --sidebar-primary: #CFC500;
  --sidebar-primary-foreground: #150B01;
  --sidebar-accent: #4A2D06;
  --sidebar-accent-foreground: #F6EFE8;
  --sidebar-border: #5A4021;
  --sidebar-ring: #CFC500;
}

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