:root {
  --radius: 999px;
  --font-sans: "Jost", 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: "DM Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --ring-offset: 2px;
  --background: #FFD9DD;
  --foreground: #251618;
  --card: #F0D1D5;
  --card-foreground: #251618;
  --popover: #F0D1D5;
  --popover-foreground: #251618;
  --primary: #006A3A;
  --primary-foreground: #FFF8F9;
  --secondary: #ECC4C8;
  --secondary-foreground: #251618;
  --muted: #ECC4C8;
  --muted-foreground: #695054;
  --accent: #A92E52;
  --accent-foreground: #FFF8F9;
  --destructive: #A21A1B;
  --destructive-foreground: #FFF8F9;
  --border: #D8B5B9;
  --input: #D8B5B9;
  --ring: #006A3A;
  --chart-1: #237246;
  --chart-2: #765797;
  --chart-3: #00666A;
  --chart-4: #A15B3A;
  --chart-5: #1C5589;
  --sidebar: #F0D1D5;
  --sidebar-foreground: #251618;
  --sidebar-primary: #006A3A;
  --sidebar-primary-foreground: #FFF8F9;
  --sidebar-accent: #ECC4C8;
  --sidebar-accent-foreground: #251618;
  --sidebar-border: #D8B5B9;
  --sidebar-ring: #006A3A;
}

.dark {
  --background: #221013;
  --foreground: #F0DDDF;
  --card: #2B1A1D;
  --card-foreground: #F0DDDF;
  --popover: #2B1A1D;
  --popover-foreground: #F0DDDF;
  --primary: #73CE95;
  --primary-foreground: #18080B;
  --secondary: #3B2327;
  --secondary-foreground: #F0DDDF;
  --muted: #3B2327;
  --muted-foreground: #A38C8F;
  --accent: #F87F99;
  --accent-foreground: #18080B;
  --destructive: #FF968A;
  --destructive-foreground: #18080B;
  --border: #483135;
  --input: #483135;
  --ring: #73CE95;
  --chart-1: #75C593;
  --chart-2: #B795DE;
  --chart-3: #54CED5;
  --chart-4: #D68864;
  --chart-5: #8EC5FF;
  --sidebar: #2B1A1D;
  --sidebar-foreground: #F0DDDF;
  --sidebar-primary: #73CE95;
  --sidebar-primary-foreground: #18080B;
  --sidebar-accent: #3B2327;
  --sidebar-accent-foreground: #F0DDDF;
  --sidebar-border: #483135;
  --sidebar-ring: #73CE95;
}

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