:root {
  --radius: 0px;
  --font-sans: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Schibsted Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-serif: ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "PT Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 1px;
  --background: #F8F7EF;
  --foreground: #2C2214;
  --card: #EAE9E3;
  --card-foreground: #2C2214;
  --popover: #EAE9E3;
  --popover-foreground: #2C2214;
  --primary: #302F50;
  --primary-foreground: #FBFAF5;
  --secondary: #DBD9D3;
  --secondary-foreground: #2C2214;
  --muted: #DBD9D3;
  --muted-foreground: #6A5C46;
  --accent: #007FCE;
  --accent-foreground: #0E0D08;
  --destructive: #660005;
  --destructive-foreground: #FBFAF5;
  --border: #CECDC7;
  --input: #CECDC7;
  --ring: #302F50;
  --chart-1: #6C6B9F;
  --chart-2: #8181AF;
  --chart-3: #56567B;
  --chart-4: #9A9BBC;
  --chart-5: #45455C;
  --sidebar: #EAE9E3;
  --sidebar-foreground: #2C2214;
  --sidebar-primary: #302F50;
  --sidebar-primary-foreground: #FBFAF5;
  --sidebar-accent: #DBD9D3;
  --sidebar-accent-foreground: #2C2214;
  --sidebar-border: #CECDC7;
  --sidebar-ring: #302F50;
}

.dark {
  --background: #171406;
  --foreground: #E3DCD3;
  --card: #1E1D16;
  --card-foreground: #E3DCD3;
  --popover: #1E1D16;
  --popover-foreground: #E3DCD3;
  --primary: #D4D5FF;
  --primary-foreground: #100D05;
  --secondary: #29271E;
  --secondary-foreground: #E3DCD3;
  --muted: #29271E;
  --muted-foreground: #958E82;
  --accent: #62B6FF;
  --accent-foreground: #100D05;
  --destructive: #FFCBC4;
  --destructive-foreground: #100D05;
  --border: #36342B;
  --input: #36342B;
  --ring: #D4D5FF;
  --chart-1: #9E9ED6;
  --chart-2: #8484B2;
  --chart-3: #B8B9E3;
  --chart-4: #6E6E8E;
  --chart-5: #CDCEEA;
  --sidebar: #1E1D16;
  --sidebar-foreground: #E3DCD3;
  --sidebar-primary: #D4D5FF;
  --sidebar-primary-foreground: #100D05;
  --sidebar-accent: #29271E;
  --sidebar-accent-foreground: #E3DCD3;
  --sidebar-border: #36342B;
  --sidebar-ring: #D4D5FF;
}

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