:root {
  --radius: 6px;
  --font-sans: "Libre Franklin", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Source Serif 4", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Source Serif 4", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #EAEDF0;
  --foreground: #20252C;
  --card: #E1E5E9;
  --card-foreground: #20252C;
  --popover: #E1E5E9;
  --popover-foreground: #20252C;
  --primary: #B56700;
  --primary-foreground: #0A0E12;
  --secondary: #D6DBE1;
  --secondary-foreground: #20252C;
  --muted: #D6DBE1;
  --muted-foreground: #575F69;
  --accent: #155D78;
  --accent-foreground: #F7FBFF;
  --destructive: #B6322D;
  --destructive-foreground: #F7FBFF;
  --border: #C5C9CE;
  --input: #C5C9CE;
  --ring: #B56700;
  --chart-1: #A55D00;
  --chart-2: #B67536;
  --chart-3: #814D16;
  --chart-4: #C2946B;
  --chart-5: #604022;
  --sidebar: #E1E5E9;
  --sidebar-foreground: #20252C;
  --sidebar-primary: #B56700;
  --sidebar-primary-foreground: #0A0E12;
  --sidebar-accent: #D6DBE1;
  --sidebar-accent-foreground: #20252C;
  --sidebar-border: #C5C9CE;
  --sidebar-ring: #B56700;
}

.dark {
  --background: #21262B;
  --foreground: #FFFFFF;
  --card: #2C3137;
  --card-foreground: #FFFFFF;
  --popover: #2C3137;
  --popover-foreground: #FFFFFF;
  --primary: #FDA856;
  --primary-foreground: #070E15;
  --secondary: #373E46;
  --secondary-foreground: #FFFFFF;
  --muted: #373E46;
  --muted-foreground: #A1AAB4;
  --accent: #69B6D8;
  --accent-foreground: #070E15;
  --destructive: #FFA096;
  --destructive-foreground: #070E15;
  --border: #484E55;
  --input: #484E55;
  --ring: #FDA856;
  --chart-1: #DE9046;
  --chart-2: #B97839;
  --chart-3: #EBB07C;
  --chart-4: #93673F;
  --chart-5: #F0C9A8;
  --sidebar: #2C3137;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #FDA856;
  --sidebar-primary-foreground: #070E15;
  --sidebar-accent: #373E46;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #484E55;
  --sidebar-ring: #FDA856;
}

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