/*
 * Site theme tokens. Components consume semantic variables from this file
 * and do not select a concrete theme directly.
 */
:root,
body.theme-warm,
html.theme-warm body {
  color-scheme: light;
  --ink: #33251e;
  --muted: #75675e;
  --paper: #fbf5eb;
  --mist: #f1e1cf;
  --line: rgba(74, 48, 34, .18);
  --dark: #3b2822;
  --on-dark: #fffdf8;
  --focus: #a34f36;
  --surface: #fffdf8;
  --surface-muted: #f7ead8;
  --accent-strong: #a34f36;
  --accent-hover: #873d2b;
  --accent-soft: #f3c57f;
  --accent-text: #fffdf8;
  --success-soft: #f3e4c9;
  --danger: #a34438;
  --disabled: #ded1c5;
  --disabled-text: #5d5149;
  --shadow-color: rgba(74, 48, 34, .18);
  --overlay-color: rgba(31, 22, 18, .72);
  --hero-overlay: linear-gradient(90deg, rgba(24, 18, 12, .46), rgba(24, 18, 12, .08));
  --story-background: linear-gradient(135deg, rgba(241, 225, 207, .88), rgba(255, 253, 248, .94) 52%, rgba(233, 166, 90, .24));
  --help-background: var(--surface-muted);
  --help-card-background: var(--surface);
  --help-text: var(--muted);
  --tour-hero-background: var(--dark);
  --tour-hero-text: var(--on-dark);
  --tour-hero-muted: rgba(255, 255, 255, .76);
  --tour-hero-shade: linear-gradient(110deg, color-mix(in srgb, var(--dark) 92%, transparent), color-mix(in srgb, var(--dark) 72%, transparent) 62%, transparent);
  --tour-tab-background: var(--dark);
  --tour-tab-text: var(--on-dark);
  --widget-head: #f3e7d8;
  --widget-surface: #fffaf2;
  --widget-field: #fffdf8;
  --widget-border: #d8c5b3;
  --widget-selected: #3b2822;
  --widget-selected-text: #fffaf2;
  --widget-action: #a34f36;
  --widget-action-hover: #873d2b;
  --widget-action-text: #fffdf8;
  --widget-soft: #f0dac0;
  --widget-disabled: #ded1c5;
  --widget-disabled-text: #5d5149;
}

body.theme-coast,
html.theme-coast body {
  color-scheme: light;
  --ink: #153a4a;
  --muted: #56717a;
  --paper: #f3f8f6;
  --mist: #d7ece9;
  --line: rgba(21, 58, 74, .17);
  --dark: #174b61;
  --on-dark: #f3fbfa;
  --focus: #217d8d;
  --surface: #fbfffe;
  --surface-muted: #d7ece9;
  --accent-strong: #217d8d;
  --accent-hover: #176878;
  --accent-soft: #a7e4df;
  --accent-text: #f3fbfa;
  --success-soft: #d9f2ee;
  --danger: #b34d56;
  --disabled: #d0dddd;
  --disabled-text: #435b62;
  --shadow-color: rgba(21, 58, 74, .18);
  --overlay-color: rgba(10, 39, 48, .72);
  --hero-overlay: linear-gradient(90deg, rgba(9, 38, 47, .46), rgba(9, 38, 47, .08));
  --story-background: linear-gradient(135deg, rgba(215, 236, 233, .88), rgba(251, 255, 254, .94) 52%, rgba(105, 198, 192, .24));
  --help-background: var(--surface-muted);
  --help-card-background: var(--surface);
  --help-text: var(--muted);
  --tour-hero-background: var(--dark);
  --tour-hero-text: var(--on-dark);
  --tour-hero-muted: rgba(255, 255, 255, .76);
  --tour-hero-shade: linear-gradient(110deg, color-mix(in srgb, var(--dark) 92%, transparent), color-mix(in srgb, var(--dark) 72%, transparent) 62%, transparent);
  --tour-tab-background: var(--dark);
  --tour-tab-text: var(--on-dark);
  --widget-head: #dcebea;
  --widget-surface: #f7fbfa;
  --widget-field: #fbfffe;
  --widget-border: #b7d1d2;
  --widget-selected: #174b61;
  --widget-selected-text: #f3fbfa;
  --widget-action: #217d8d;
  --widget-action-hover: #176878;
  --widget-action-text: #f3fbfa;
  --widget-soft: #c6e4e1;
  --widget-disabled: #d0dddd;
  --widget-disabled-text: #435b62;
}

body.theme-night,
html.theme-night body {
  color-scheme: dark;
  --ink: #f6eee0;
  --muted: #c7c0b6;
  --paper: #20252b;
  --mist: #303740;
  --line: rgba(246, 238, 224, .2);
  --dark: #14191e;
  --on-dark: #f6eee0;
  --focus: #e4b258;
  --surface: #282f37;
  --surface-muted: #39434d;
  --accent-strong: #e4b258;
  --accent-hover: #f0c66e;
  --accent-soft: #f3ce80;
  --accent-text: #20252b;
  --success-soft: #3a454f;
  --danger: #ef8b82;
  --disabled: #414a53;
  --disabled-text: #d3cbc0;
  --shadow-color: rgba(0, 0, 0, .32);
  --overlay-color: rgba(8, 11, 14, .82);
  --hero-overlay: linear-gradient(90deg, rgba(8, 11, 14, .58), rgba(8, 11, 14, .14));
  --story-background: linear-gradient(135deg, rgba(48, 55, 64, .94), rgba(40, 47, 55, .98) 52%, rgba(228, 178, 88, .22));
  --help-background: var(--dark);
  --help-card-background: #2a323b;
  --help-text: var(--muted);
  --tour-hero-background: var(--mist);
  --tour-hero-text: var(--ink);
  --tour-hero-muted: var(--muted);
  --tour-hero-shade: linear-gradient(110deg, color-mix(in srgb, var(--mist) 92%, transparent), color-mix(in srgb, var(--mist) 72%, transparent) 62%, transparent);
  --tour-tab-background: var(--accent-strong);
  --tour-tab-text: var(--accent-text);
  --widget-head: #303740;
  --widget-surface: #20252b;
  --widget-field: #282f37;
  --widget-border: #56616d;
  --widget-selected: #e4b258;
  --widget-selected-text: #20252b;
  --widget-action: #e4b258;
  --widget-action-hover: #f0c66e;
  --widget-action-text: #20252b;
  --widget-soft: #39434d;
  --widget-disabled: #414a53;
  --widget-disabled-text: #d3cbc0;
}