:root {
  color-scheme: light dark;
  --color-flavor-juniper: #4e9b7b;
  --color-flavor-citrus: #d2ab99;
  --color-flavor-floral: #897499;
  --color-flavor-heat: #1c3743;
  --color-flavor-spice: #0194d5;
  --color-flavor-herbal: #c3d897;
  --color-flavor-fruited: #d98555;
}

:root[data-theme="dark"] {
  --color-bg: #101312;
  --color-bg-soft: #151817;
  --color-surface: #151817;
  --color-surface-2: #20241f;
  --color-surface-3: #26312d;
  --color-text: #f4f1eb;
  --color-text-muted: #c9d1cf;
  --color-text-subtle: #9ba8a2;
  --color-border: #2e3631;
  --color-border-strong: #46524d;
  --color-accent: #2876cb;
  --color-accent-hover: #4094fb;
  --color-accent-contrast: #ffffff;
  --color-link: #8fc1f0;
  --color-link-hover: #b9d9f7;
  --color-danger: #f0a09a;
  --color-success: #9fd6b7;
  --color-focus-ring: rgba(40, 118, 203, 0.32);
  --color-header-bg: #101312;
  --color-header-text: #f4f1eb;
  --color-score-blue: #2876cb;
  --color-score-gold: #d29b00;
  --color-score-silver: #938e8e;
  --color-score-bronze: #e2aa69;
}

:root[data-theme="light"] {
  --color-bg: #f8f6f1;
  --color-bg-soft: #efece5;
  --color-surface: #ffffff;
  --color-surface-2: #f0eee8;
  --color-surface-3: #e8f0eb;
  --color-text: #1d211f;
  --color-text-muted: #56615c;
  --color-text-subtle: #707a75;
  --color-border: #d8d1c4;
  --color-border-strong: #b9b0a2;
  --color-accent: #1f66b2;
  --color-accent-hover: #124d8d;
  --color-accent-contrast: #ffffff;
  --color-link: #185b9f;
  --color-link-hover: #0d4175;
  --color-danger: #9d322b;
  --color-success: #276a48;
  --color-focus-ring: rgba(31, 102, 178, 0.26);
  --color-header-bg: #f8f6f1;
  --color-header-text: #1d211f;
  --color-score-blue: #1f66b2;
  --color-score-gold: #a87300;
  --color-score-silver: #77716d;
  --color-score-bronze: #a86528;
}