:root {
  --radius: 6px;
  --font-sans: "Titillium Web", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Chakra Petch", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Share Tech Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #EDF2F9;
  --foreground: #212A33;
  --card: #E3EAF2;
  --card-foreground: #212A33;
  --popover: #E3EAF2;
  --popover-foreground: #212A33;
  --primary: #748400;
  --primary-foreground: #070E15;
  --secondary: #D8E1EB;
  --secondary-foreground: #212A33;
  --muted: #D8E1EB;
  --muted-foreground: #576372;
  --accent: #BC3E79;
  --accent-foreground: #F7FBFF;
  --destructive: #B6322D;
  --destructive-foreground: #F7FBFF;
  --border: #C6CED8;
  --input: #C6CED8;
  --ring: #748400;
  --chart-1: #718100;
  --chart-2: #009381;
  --chart-3: #1672BF;
  --chart-4: #AF66B8;
  --chart-5: #A84603;
  --sidebar: #E3EAF2;
  --sidebar-foreground: #212A33;
  --sidebar-primary: #748400;
  --sidebar-primary-foreground: #070E15;
  --sidebar-accent: #D8E1EB;
  --sidebar-accent-foreground: #212A33;
  --sidebar-border: #C6CED8;
  --sidebar-ring: #748400;
}

.dark {
  --background: #021429;
  --foreground: #D8E2EE;
  --card: #101F2F;
  --card-foreground: #D8E2EE;
  --popover: #101F2F;
  --popover-foreground: #D8E2EE;
  --primary: #C7E02B;
  --primary-foreground: #040E1A;
  --secondary: #152B42;
  --secondary-foreground: #D8E2EE;
  --muted: #152B42;
  --muted-foreground: #8693A1;
  --accent: #FE82B6;
  --accent-foreground: #040E1A;
  --destructive: #FFBFB6;
  --destructive-foreground: #040E1A;
  --border: #26394F;
  --input: #26394F;
  --ring: #C7E02B;
  --chart-1: #B8CF36;
  --chart-2: #00D4BB;
  --chart-3: #A1CFFF;
  --chart-4: #E186EC;
  --chart-5: #FFC1A4;
  --sidebar: #101F2F;
  --sidebar-foreground: #D8E2EE;
  --sidebar-primary: #C7E02B;
  --sidebar-primary-foreground: #040E1A;
  --sidebar-accent: #152B42;
  --sidebar-accent-foreground: #D8E2EE;
  --sidebar-border: #26394F;
  --sidebar-ring: #C7E02B;
}

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