:root {
  --radius: 8px;
  --font-sans: "Radio Canada", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Lustria", ui-serif, Georgia, "Times New Roman", serif;
  --font-serif: "Lustria", ui-serif, Georgia, "Times New Roman", serif;
  --font-mono: "Courier Prime", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #C4B3B6;
  --foreground: #000000;
  --card: #BAA9AC;
  --card-foreground: #000000;
  --popover: #BAA9AC;
  --popover-foreground: #000000;
  --primary: #4D427D;
  --primary-foreground: #FFF8F9;
  --secondary: #B39DA1;
  --secondary-foreground: #000000;
  --muted: #B39DA1;
  --muted-foreground: #4A3139;
  --accent: #451499;
  --accent-foreground: #FFF8F9;
  --destructive: #94010D;
  --destructive-foreground: #FFF8F9;
  --border: #A69296;
  --input: #A69296;
  --ring: #4D427D;
  --chart-1: #595086;
  --chart-2: #636424;
  --chart-3: #634272;
  --chart-4: #58723B;
  --chart-5: #394879;
  --sidebar: #BAA9AC;
  --sidebar-foreground: #000000;
  --sidebar-primary: #4D427D;
  --sidebar-primary-foreground: #FFF8F9;
  --sidebar-accent: #B39DA1;
  --sidebar-accent-foreground: #000000;
  --sidebar-border: #A69296;
  --sidebar-ring: #4D427D;
}

.dark {
  --background: #2C161B;
  --foreground: #FFEDF1;
  --card: #3E1E26;
  --card-foreground: #FFEDF1;
  --popover: #3E1E26;
  --popover-foreground: #FFEDF1;
  --primary: #ACA3E6;
  --primary-foreground: #18080B;
  --secondary: #532632;
  --secondary-foreground: #FFEDF1;
  --muted: #532632;
  --muted-foreground: #B1979E;
  --accent: #A694FF;
  --accent-foreground: #18080B;
  --destructive: #FF8478;
  --destructive-foreground: #18080B;
  --border: #633943;
  --input: #633943;
  --ring: #ACA3E6;
  --chart-1: #A9A1DD;
  --chart-2: #A3A566;
  --chart-3: #C7A3DA;
  --chart-4: #86A36A;
  --chart-5: #A4B8F1;
  --sidebar: #3E1E26;
  --sidebar-foreground: #FFEDF1;
  --sidebar-primary: #ACA3E6;
  --sidebar-primary-foreground: #18080B;
  --sidebar-accent: #532632;
  --sidebar-accent-foreground: #FFEDF1;
  --sidebar-border: #633943;
  --sidebar-ring: #ACA3E6;
}

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