:root {
  --radius: 7px;
  --font-sans: "Rubik", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Chivo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Reddit Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #E0EAEA;
  --foreground: #142321;
  --card: #D6E1E1;
  --card-foreground: #142321;
  --popover: #D6E1E1;
  --popover-foreground: #142321;
  --primary: #BE7200;
  --primary-foreground: #050F10;
  --secondary: #CAD7D8;
  --secondary-foreground: #142321;
  --muted: #CAD7D8;
  --muted-foreground: #495F5C;
  --accent: #A44EC7;
  --accent-foreground: #F2FDFD;
  --destructive: #B6322D;
  --destructive-foreground: #F2FDFD;
  --border: #BAC6C6;
  --input: #BAC6C6;
  --ring: #BE7200;
  --chart-1: #B46B00;
  --chart-2: #6F9523;
  --chart-3: #00888A;
  --chart-4: #6D88E7;
  --chart-5: #AC4577;
  --sidebar: #D6E1E1;
  --sidebar-foreground: #142321;
  --sidebar-primary: #BE7200;
  --sidebar-primary-foreground: #050F10;
  --sidebar-accent: #CAD7D8;
  --sidebar-accent-foreground: #142321;
  --sidebar-border: #BAC6C6;
  --sidebar-ring: #BE7200;
}

.dark {
  --background: #2B3334;
  --foreground: #FFFFFF;
  --card: #314243;
  --card-foreground: #FFFFFF;
  --popover: #314243;
  --popover-foreground: #FFFFFF;
  --primary: #FFA643;
  --primary-foreground: #001111;
  --secondary: #3A5253;
  --secondary-foreground: #FFFFFF;
  --muted: #3A5253;
  --muted-foreground: #B6C3C1;
  --accent: #CE77F3;
  --accent-foreground: #001111;
  --destructive: #FF9F94;
  --destructive-foreground: #001111;
  --border: #4E6464;
  --input: #4E6464;
  --ring: #FFA643;
  --chart-1: #F39F42;
  --chart-2: #92BB4E;
  --chart-3: #00D8DB;
  --chart-4: #7F9BFC;
  --chart-5: #FFA4CB;
  --sidebar: #314243;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #FFA643;
  --sidebar-primary-foreground: #001111;
  --sidebar-accent: #3A5253;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #4E6464;
  --sidebar-ring: #FFA643;
}

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