:root {
  --radius: 14px;
  --font-sans: "Mulish", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Bitter", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Bitter", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Sometype Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #E8EDCB;
  --foreground: #14150F;
  --card: #D9DBCD;
  --card-foreground: #14150F;
  --popover: #D9DBCD;
  --popover-foreground: #14150F;
  --primary: #957C98;
  --primary-foreground: #0D0E02;
  --secondary: #C8CAB7;
  --secondary-foreground: #14150F;
  --muted: #C8CAB7;
  --muted-foreground: #52544B;
  --accent: #9856A2;
  --accent-foreground: #FAFBF2;
  --destructive: #B6322D;
  --destructive-foreground: #FAFBF2;
  --border: #BBBEAD;
  --input: #BBBEAD;
  --ring: #957C98;
  --chart-1: #956F9B;
  --chart-2: #878B51;
  --chart-3: #9F626E;
  --chart-4: #4D9BAB;
  --chart-5: #93633F;
  --sidebar: #D9DBCD;
  --sidebar-foreground: #14150F;
  --sidebar-primary: #957C98;
  --sidebar-primary-foreground: #0D0E02;
  --sidebar-accent: #C8CAB7;
  --sidebar-accent-foreground: #14150F;
  --sidebar-border: #BBBEAD;
  --sidebar-ring: #957C98;
}

.dark {
  --background: #161800;
  --foreground: #E5EADC;
  --card: #21221A;
  --card-foreground: #E5EADC;
  --popover: #21221A;
  --popover-foreground: #E5EADC;
  --primary: #B69DBA;
  --primary-foreground: #0D0E05;
  --secondary: #2E2F24;
  --secondary-foreground: #E5EADC;
  --muted: #2E2F24;
  --muted-foreground: #949989;
  --accent: #A361AE;
  --accent-foreground: #0D0E05;
  --destructive: #FF776B;
  --destructive-foreground: #0D0E05;
  --border: #3E3F35;
  --input: #3E3F35;
  --ring: #B69DBA;
  --chart-1: #BE96C4;
  --chart-2: #9DA267;
  --chart-3: #DC9AA6;
  --chart-4: #53A1B1;
  --chart-5: #DDA983;
  --sidebar: #21221A;
  --sidebar-foreground: #E5EADC;
  --sidebar-primary: #B69DBA;
  --sidebar-primary-foreground: #0D0E05;
  --sidebar-accent: #2E2F24;
  --sidebar-accent-foreground: #E5EADC;
  --sidebar-border: #3E3F35;
  --sidebar-ring: #B69DBA;
}

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