@theme {
  --color-*: initial;
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-card: var(--card);
  --color-card-foreground: var(--card-foreground);
  --color-popover: var(--popover);
  --color-popover-foreground: var(--popover-foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-accent: var(--accent);
  --color-accent-foreground: var(--accent-foreground);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --color-border: var(--border);
  --color-input: var(--input);
  --color-ring: var(--ring);
  --color-success: var(--success);
  --color-success-foreground: var(--success-foreground);
  --color-warning: var(--warning);
  --color-warning-foreground: var(--warning-foreground);
  --radius-DEFAULT: var(--radius);
}

:where(:root) {
  --background: #fff8f3;
  --foreground: #2a2320;
  --card: #ffffff;
  --card-foreground: #2a2320;
  --popover: #ffffff;
  --popover-foreground: #2a2320;
  --primary: #d6304a;
  --primary-foreground: #ffffff;
  --secondary: #f8efe9;
  --secondary-foreground: #4a403a;
  --muted: #f8efe9;
  --muted-foreground: #6f635b;
  --accent: #0c7f73;
  --accent-foreground: #ffffff;
  --destructive: #c22b44;
  --destructive-foreground: #ffffff;
  --border: #f0e2d6;
  --input: #9a8a7e;
  --ring: #d6304a;
  --success: #147a6b;
  --success-foreground: #ffffff;
  --warning: #9c5b12;
  --warning-foreground: #ffffff;
  --gap-px: 16px;
  --padding-px: 20px;
  --radius: 12px;
  --font-display: "Zen Maru Gothic", sans-serif;
  --font-text: "Zen Maru Gothic", sans-serif;
}

@media (prefers-color-scheme: dark) {
  :where(:root:not([data-theme="light"])) {
    --background: #1c1614;
    --foreground: #f6efe9;
    --card: #261e1b;
    --card-foreground: #f6efe9;
    --popover: #302623;
    --popover-foreground: #f6efe9;
    --primary: #ff8fa0;
    --primary-foreground: #1c1614;
    --secondary: #302623;
    --secondary-foreground: #dacfc6;
    --muted: #302623;
    --muted-foreground: #b5a69c;
    --accent: #4fd1c0;
    --accent-foreground: #1c1614;
    --destructive: #ff9a9a;
    --destructive-foreground: #1c1614;
    --border: #3b302c;
    --input: #877468;
    --ring: #ff8fa0;
    --success: #6fe0c8;
    --success-foreground: #1c1614;
    --warning: #f0b15e;
    --warning-foreground: #1c1614;
  }
}

:where([data-theme="dark"]) {
  --background: #1c1614;
  --foreground: #f6efe9;
  --card: #261e1b;
  --card-foreground: #f6efe9;
  --popover: #302623;
  --popover-foreground: #f6efe9;
  --primary: #ff8fa0;
  --primary-foreground: #1c1614;
  --secondary: #302623;
  --secondary-foreground: #dacfc6;
  --muted: #302623;
  --muted-foreground: #b5a69c;
  --accent: #4fd1c0;
  --accent-foreground: #1c1614;
  --destructive: #ff9a9a;
  --destructive-foreground: #1c1614;
  --border: #3b302c;
  --input: #877468;
  --ring: #ff8fa0;
  --success: #6fe0c8;
  --success-foreground: #1c1614;
  --warning: #f0b15e;
  --warning-foreground: #1c1614;
}