:root {
  --radius: 2px;
  --font-sans: "Barlow", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Oswald", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Courier Prime", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #AEAAA5;
  --foreground: #000000;
  --card: #9F9B95;
  --card-foreground: #000000;
  --popover: #9F9B95;
  --popover-foreground: #000000;
  --primary: #631B13;
  --primary-foreground: #FEF9F3;
  --secondary: #8F8A82;
  --secondary-foreground: #000000;
  --muted: #8F8A82;
  --muted-foreground: #2D2017;
  --accent: #295171;
  --accent-foreground: #FEF9F3;
  --destructive: #6F0007;
  --destructive-foreground: #FEF9F3;
  --border: #837E77;
  --input: #837E77;
  --ring: #631B13;
  --chart-1: #76342B;
  --chart-2: #005D69;
  --chart-3: #693303;
  --chart-4: #006283;
  --chart-5: #652432;
  --sidebar: #9F9B95;
  --sidebar-foreground: #000000;
  --sidebar-primary: #631B13;
  --sidebar-primary-foreground: #FEF9F3;
  --sidebar-accent: #8F8A82;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #837E77;
  --sidebar-ring: #631B13;
}

.dark {
  --background: #201914;
  --foreground: #F6E9E0;
  --card: #2A231E;
  --card-foreground: #F6E9E0;
  --popover: #2A231E;
  --popover-foreground: #F6E9E0;
  --primary: #CF7667;
  --primary-foreground: #140B05;
  --secondary: #382F27;
  --secondary-foreground: #F6E9E0;
  --muted: #382F27;
  --muted-foreground: #A5978B;
  --accent: #77A4CA;
  --accent-foreground: #140B05;
  --destructive: #E86156;
  --destructive-foreground: #140B05;
  --border: #473E37;
  --input: #473E37;
  --ring: #CF7667;
  --chart-1: #D17F72;
  --chart-2: #27A0B2;
  --chart-3: #D48F61;
  --chart-4: #3592B9;
  --chart-5: #E08C99;
  --sidebar: #2A231E;
  --sidebar-foreground: #F6E9E0;
  --sidebar-primary: #CF7667;
  --sidebar-primary-foreground: #140B05;
  --sidebar-accent: #382F27;
  --sidebar-accent-foreground: #F6E9E0;
  --sidebar-border: #473E37;
  --sidebar-ring: #CF7667;
}

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