:root {
  --radius: 2px;
  --font-sans: "Cardo", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Cormorant Garamond", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Cormorant Garamond", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Xanh Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #CFD1E0;
  --foreground: #07080B;
  --card: #C5C9DB;
  --card-foreground: #07080B;
  --popover: #C5C9DB;
  --popover-foreground: #07080B;
  --primary: #985D7C;
  --primary-foreground: #F9FAFF;
  --secondary: #BBBFD7;
  --secondary-foreground: #07080B;
  --muted: #BBBFD7;
  --muted-foreground: #4B4D53;
  --accent: #8E2C23;
  --accent-foreground: #F9FAFF;
  --destructive: #B6322D;
  --destructive-foreground: #F9FAFF;
  --border: #ACB0C5;
  --input: #ACB0C5;
  --ring: #985D7C;
  --chart-1: #955F7B;
  --chart-2: #A3656C;
  --chart-3: #925947;
  --chart-4: #98729F;
  --chart-5: #665A8C;
  --sidebar: #C5C9DB;
  --sidebar-foreground: #07080B;
  --sidebar-primary: #985D7C;
  --sidebar-primary-foreground: #F9FAFF;
  --sidebar-accent: #BBBFD7;
  --sidebar-accent-foreground: #07080B;
  --sidebar-border: #ACB0C5;
  --sidebar-ring: #985D7C;
}

.dark {
  --background: #181A22;
  --foreground: #DFE8F8;
  --card: #1F2237;
  --card-foreground: #DFE8F8;
  --popover: #1F2237;
  --popover-foreground: #DFE8F8;
  --primary: #CE8FB0;
  --primary-foreground: #0A0C1A;
  --secondary: #282C49;
  --secondary-foreground: #DFE8F8;
  --muted: #282C49;
  --muted-foreground: #8D97AA;
  --accent: #E17769;
  --accent-foreground: #0A0C1A;
  --destructive: #FE7469;
  --destructive-foreground: #0A0C1A;
  --border: #363A55;
  --input: #363A55;
  --ring: #CE8FB0;
  --chart-1: #CB91AF;
  --chart-2: #C8878D;
  --chart-3: #DB9D88;
  --chart-4: #AA83B1;
  --chart-5: #B7ABE3;
  --sidebar: #1F2237;
  --sidebar-foreground: #DFE8F8;
  --sidebar-primary: #CE8FB0;
  --sidebar-primary-foreground: #0A0C1A;
  --sidebar-accent: #282C49;
  --sidebar-accent-foreground: #DFE8F8;
  --sidebar-border: #363A55;
  --sidebar-ring: #CE8FB0;
}

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