:root {
  --radius: 0px;
  --font-sans: "Albert Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Marcellus", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Marcellus", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 1px;
  --background: #BFC1BB;
  --foreground: #000000;
  --card: #B7B9B4;
  --card-foreground: #000000;
  --popover: #B7B9B4;
  --popover-foreground: #000000;
  --primary: #735A81;
  --primary-foreground: #F9FBF5;
  --secondary: #AEB1AA;
  --secondary-foreground: #000000;
  --muted: #AEB1AA;
  --muted-foreground: #3F4439;
  --accent: #42442A;
  --accent-foreground: #F9FBF5;
  --destructive: #B6322D;
  --destructive-foreground: #F9FBF5;
  --border: #9EA19B;
  --input: #9EA19B;
  --ring: #735A81;
  --chart-1: #826493;
  --chart-2: #957AA4;
  --chart-3: #675173;
  --chart-4: #A996B5;
  --chart-5: #4F4257;
  --sidebar: #B7B9B4;
  --sidebar-foreground: #000000;
  --sidebar-primary: #735A81;
  --sidebar-primary-foreground: #F9FBF5;
  --sidebar-accent: #AEB1AA;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #9EA19B;
  --sidebar-ring: #735A81;
}

.dark {
  --background: #252D18;
  --foreground: #FFFFFF;
  --card: #2F391C;
  --card-foreground: #FFFFFF;
  --popover: #2F391C;
  --popover-foreground: #FFFFFF;
  --primary: #E1C5F2;
  --primary-foreground: #0A0F03;
  --secondary: #39471E;
  --secondary-foreground: #FFFFFF;
  --muted: #39471E;
  --muted-foreground: #A8B49C;
  --accent: #8C8F73;
  --accent-foreground: #0A0F03;
  --destructive: #FFBFB7;
  --destructive-foreground: #0A0F03;
  --border: #4A5732;
  --input: #4A5732;
  --ring: #E1C5F2;
  --chart-1: #B696C9;
  --chart-2: #987DA8;
  --chart-3: #CBB3D9;
  --chart-4: #7C6986;
  --chart-5: #DACAE3;
  --sidebar: #2F391C;
  --sidebar-foreground: #FFFFFF;
  --sidebar-primary: #E1C5F2;
  --sidebar-primary-foreground: #0A0F03;
  --sidebar-accent: #39471E;
  --sidebar-accent-foreground: #FFFFFF;
  --sidebar-border: #4A5732;
  --sidebar-ring: #E1C5F2;
}

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