/* Theme colours for every page (booking page, owner app, landing, privacy).
   Look follows barber-booking (Dayang Nana): one scrolling page, hero card, sticky step
   tracker, gold-style selected states, bottom summary bar.
   Each shop picks a theme (shops.theme), set as <html data-theme="...">.
   No attribute = gold, so pages look right before the shop has loaded. */

:root, [data-theme="gold"] {
  color-scheme: dark;
  --bg: #0b0907; --bg-glow: radial-gradient(120% 60% at 50% -10%, #241b0c 0%, #0b0907 60%);
  --card: #16120d; --card-border: rgba(217, 176, 90, .16); --line: #35291a;
  --ink: #f6edd8; --ink2: #dccfae; --muted: #b9a984;
  --accent: #d9b05a; --accent-ink: #1a1205; --accent-soft: rgba(217, 176, 90, .14);
  --accent-grad: linear-gradient(180deg, #e6c06f, #c79a3b);
  --title-fill: linear-gradient(180deg, #f6dd9a, #c79a3b 70%, #a97d1e);
  --brand-fill: var(--title-fill);
  --font-display: Georgia, "Times New Roman", serif;
  --hero-bg: linear-gradient(135deg, #1b1409 0%, #0d0a06 60%, #2a1f0c 100%);
  --hero-border: #5a4416; --hero-ink: #f6edd8; --hero-sub: #d8c79c;
  --hero-chip-bg: rgba(217, 176, 90, .14); --hero-chip-ink: #f0dba0;
  --ok: #5cc490; --ok-soft: #16301f; --warn: #f0c26b; --warn-soft: #3a2d10; --danger: #e8675e; --danger-soft: #3b1a17;
  --wa: #1fa855;
  --shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 6px 18px rgba(0, 0, 0, .35);
  /* charts (single series + sequential ramp) */
  --viz-bar: #d9b05a; --viz-bar-on: #f6dd9a; --up: #5cc490; --down: #f0857c;
  --seq-0: #221b12; --seq-1: #4a3813; --seq-2: #7a5c1e; --seq-3: #b8892b; --seq-4: #d9b05a; --seq-5: #f6dd9a;
  /* barber-booking tokens (owner app + charts) */
  --navy: #e8c978; --ok-bg: #16301f; --warn-bg: #3a2d10; --bad-bg: #3b1a17; --surface: #16120d;
  --grid: #2a2218; --axis: #3a2f1f; --vmuted: #a39469; --chart-1: #d9b05a;
  --series-1: #3987e5; --series-2: #d95926; --series-3: #199e70; --series-4: #c98500; --series-5: #d55181; --series-6: #008300; --series-7: #9085e9; --series-8: #e66767; --series-other: #6f695f;
}
[data-theme="classic"] {
  color-scheme: light;
  --bg: #f6f1ea; --bg-glow: none;
  --card: #ffffff; --card-border: #e3dbd0; --line: #e3dbd0;
  --ink: #1d1a17; --ink2: #52514e; --muted: #6b645c;
  --accent: #b3261e; --accent-ink: #ffffff; --accent-soft: #fbe7e5;
  --accent-grad: linear-gradient(180deg, #c8352c, #a3221b);
  --title-fill: linear-gradient(#ffffff, #ffffff);
  --brand-fill: linear-gradient(#1d1a17, #1d1a17);
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hero-bg: radial-gradient(120% 140% at 100% 0%, #35456f 0%, #1f2a44 55%, #151d31 100%);
  --hero-border: transparent; --hero-ink: #ffffff; --hero-sub: #cdd6ee;
  --hero-chip-bg: rgba(255, 255, 255, .12); --hero-chip-ink: #ffffff;
  --ok: #1f7a4d; --ok-soft: #e4f3ea; --warn: #8a5a00; --warn-soft: #fff3d6; --danger: #b3261e; --danger-soft: #fbe7e5;
  --wa: #1fa855;
  --shadow: 0 1px 2px rgba(29, 26, 23, .06), 0 4px 14px rgba(29, 26, 23, .06);
  --viz-bar: #2a78d6; --viz-bar-on: #1c5cab; --up: #157f3b; --down: #b42318;
  --seq-0: #edeae3; --seq-1: #cde2fb; --seq-2: #86b6ef; --seq-3: #3987e5; --seq-4: #1c5cab; --seq-5: #0d366b;
  --navy: #1f2a44; --ok-bg: #e4f3ea; --warn-bg: #fff3d6; --bad-bg: #fbe7e5; --surface: #ffffff;
  --grid: #e1e0d9; --axis: #c3c2b7; --vmuted: #898781; --chart-1: #2a78d6;
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-4: #eda100; --series-5: #e87ba4; --series-6: #008300; --series-7: #6250d6; --series-8: #e34948; --series-other: #a8a39a;
}
[data-theme="light"] {
  color-scheme: light;
  --bg: #f6f4ef; --bg-glow: none;
  --card: #ffffff; --card-border: #e5e1d8; --line: #e5e1d8;
  --ink: #1f2a37; --ink2: #4b5563; --muted: #6b7280;
  --accent: #b4532a; --accent-ink: #ffffff; --accent-soft: #fbeee6;
  --accent-grad: linear-gradient(180deg, #c4623a, #a6491f);
  --title-fill: linear-gradient(#1f2a37, #1f2a37);
  --brand-fill: var(--title-fill);
  --font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hero-bg: linear-gradient(135deg, #ffffff 0%, #fbeee6 100%);
  --hero-border: #f0dccf; --hero-ink: #1f2a37; --hero-sub: #6b4a3a;
  --hero-chip-bg: rgba(180, 83, 42, .1); --hero-chip-ink: #8a3d1d;
  --ok: #157f3b; --ok-soft: #e6f4ea; --warn: #9a6700; --warn-soft: #fff4d6; --danger: #b42318; --danger-soft: #fde8e6;
  --wa: #1fa855;
  --shadow: 0 1px 2px rgba(31, 42, 55, .05), 0 4px 14px rgba(31, 42, 55, .05);
  --viz-bar: #2a78d6; --viz-bar-on: #1c5cab; --up: #157f3b; --down: #b42318;
  --seq-0: #edeae3; --seq-1: #cde2fb; --seq-2: #86b6ef; --seq-3: #3987e5; --seq-4: #1c5cab; --seq-5: #0d366b;
  --navy: #1f2a37; --ok-bg: #e6f4ea; --warn-bg: #fff4d6; --bad-bg: #fde8e6; --surface: #ffffff;
  --grid: #e1e0d9; --axis: #c3c2b7; --vmuted: #898781; --chart-1: #2a78d6;
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-4: #eda100; --series-5: #e87ba4; --series-6: #008300; --series-7: #6250d6; --series-8: #e34948; --series-other: #a8a39a;
}
[data-theme="rose"] {
  color-scheme: light;
  --bg: #fbf4f5; --bg-glow: radial-gradient(120% 50% at 50% -10%, #f7dce4 0%, #fbf4f5 60%);
  --card: #ffffff; --card-border: #f0dce2; --line: #efdde3;
  --ink: #3a2328; --ink2: #5e3f47; --muted: #8a6870;
  --accent: #b9466e; --accent-ink: #ffffff; --accent-soft: #fbe6ee;
  --accent-grad: linear-gradient(180deg, #cf6189, #b13f67);
  --title-fill: linear-gradient(180deg, #a8385f, #6d2240);
  --brand-fill: var(--title-fill);
  --font-display: Georgia, "Times New Roman", serif;
  --hero-bg: linear-gradient(135deg, #fff7f9 0%, #f7d9e2 100%);
  --hero-border: #f0c9d6; --hero-ink: #3a2328; --hero-sub: #7a4d5b;
  --hero-chip-bg: rgba(185, 70, 110, .1); --hero-chip-ink: #8e2f53;
  --ok: #1f7a4d; --ok-soft: #e4f3ea; --warn: #8a5a00; --warn-soft: #fff3d6; --danger: #b42318; --danger-soft: #fde8e6;
  --wa: #1fa855;
  --shadow: 0 1px 2px rgba(58, 35, 40, .05), 0 6px 16px rgba(185, 70, 110, .08);
  --viz-bar: #b9466e; --viz-bar-on: #7d2a4b; --up: #157f3b; --down: #b42318;
  --seq-0: #f3e9ec; --seq-1: #f6cfdc; --seq-2: #eaa0b9; --seq-3: #d26e93; --seq-4: #a8385f; --seq-5: #6d2240;
  --navy: #6d2240; --ok-bg: #e4f3ea; --warn-bg: #fff3d6; --bad-bg: #fde8e6; --surface: #ffffff;
  --grid: #efdde3; --axis: #d9c3ca; --vmuted: #8a6870; --chart-1: #b9466e;
  --series-1: #2a78d6; --series-2: #eb6834; --series-3: #1baf7a; --series-4: #eda100; --series-5: #e87ba4; --series-6: #008300; --series-7: #6250d6; --series-8: #e34948; --series-other: #a8a39a;
}