:root {
  --radius: 12px;
  --font-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Frank Ruhl Libre", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Frank Ruhl Libre", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "M PLUS 1 Code", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #C0B8CF;
  --foreground: #000000;
  --card: #B7B1C3;
  --card-foreground: #000000;
  --popover: #B7B1C3;
  --popover-foreground: #000000;
  --primary: #00687E;
  --primary-foreground: #FBF9FF;
  --secondary: #AFA7BE;
  --secondary-foreground: #000000;
  --muted: #AFA7BE;
  --muted-foreground: #403D45;
  --accent: #87491F;
  --accent-foreground: #FBF9FF;
  --destructive: #B6322D;
  --destructive-foreground: #FBF9FF;
  --border: #A19AAF;
  --input: #A19AAF;
  --ring: #00687E;
  --chart-1: #0087A2;
  --chart-2: #3986C2;
  --chart-3: #586BB5;
  --chart-4: #009C9A;
  --chart-5: #007D5C;
  --sidebar: #B7B1C3;
  --sidebar-foreground: #000000;
  --sidebar-primary: #00687E;
  --sidebar-primary-foreground: #FBF9FF;
  --sidebar-accent: #AFA7BE;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #A19AAF;
  --sidebar-ring: #00687E;
}

.dark {
  --background: #211830;
  --foreground: #F6F3FF;
  --card: #2A2830;
  --card-foreground: #F6F3FF;
  --popover: #2A2830;
  --popover-foreground: #F6F3FF;
  --primary: #04B9DE;
  --primary-foreground: #0F0B15;
  --secondary: #383440;
  --secondary-foreground: #F6F3FF;
  --muted: #383440;
  --muted-foreground: #A49CB4;
  --accent: #F0AB80;
  --accent-foreground: #0F0B15;
  --destructive: #FF776B;
  --destructive-foreground: #0F0B15;
  --border: #48454F;
  --input: #48454F;
  --ring: #04B9DE;
  --chart-1: #35B7D8;
  --chart-2: #57A3E0;
  --chart-3: #93AAFA;
  --chart-4: #00A9A7;
  --chart-5: #5FCDA5;
  --sidebar: #2A2830;
  --sidebar-foreground: #F6F3FF;
  --sidebar-primary: #04B9DE;
  --sidebar-primary-foreground: #0F0B15;
  --sidebar-accent: #383440;
  --sidebar-accent-foreground: #F6F3FF;
  --sidebar-border: #48454F;
  --sidebar-ring: #04B9DE;
}

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