/* BarmenGo — user-selectable colour themes */

/* Pearl — lighter, crisp */
[data-theme="pearl"] {
  --navy: #243352;
  --navy-light: #354a72;
  --cream: #fcfbfa;
  --cream-dark: #f2f0ec;
  --gold: #c4a55a;
  --gold-light: #ead9a8;
  --teal: #4a7577;
  --teal-light: #6a9699;
  --ink-900: #18181b;
  --ink-700: #3f3f46;
  --ink-500: #71717a;
  --ink-400: #a1a1aa;
  --ink-200: #e4e4e7;
  --ink-100: #f4f4f5;
  --gold-tint: #fdfbf5;
  --gold-text: #6e5a24;
  --teal-tint: #f0f6f6;
  --hero-glow: rgba(196, 165, 90, 0.14);
  --card-gradient: rgba(36, 51, 82, 0.92);
  --card-gradient-mid: rgba(36, 51, 82, 0.18);
  --card-gradient-soft: rgba(36, 51, 82, 0.12);
  --focus-ring: rgba(74, 117, 119, 0.14);
  --shadow: 0 12px 40px rgba(36, 51, 82, 0.08);
  --shadow-lg: 0 24px 60px rgba(36, 51, 82, 0.11);
}

/* Sand — warm light */
[data-theme="sand"] {
  --navy: #2c2418;
  --navy-light: #4a3d2a;
  --cream: #faf6f0;
  --cream-dark: #efe8dc;
  --gold: #b8923f;
  --gold-light: #dcc88a;
  --teal: #4d6860;
  --teal-light: #6d8a82;
  --ink-900: #2a2218;
  --ink-700: #4a4034;
  --ink-500: #7a6f62;
  --ink-400: #a89d90;
  --ink-200: #ddd4c8;
  --ink-100: #ede7de;
  --gold-tint: #f8f2e6;
  --gold-text: #6b5420;
  --teal-tint: #eef3f1;
  --btn-primary-bg: #4d6860;
  --btn-primary-hover: #3d5550;
  --cta-bg: #4d6860;
  --hero-glow: rgba(184, 146, 63, 0.2);
  --card-gradient: rgba(44, 36, 24, 0.92);
  --card-gradient-mid: rgba(44, 36, 24, 0.2);
  --card-gradient-soft: rgba(44, 36, 24, 0.14);
  --focus-ring: rgba(77, 104, 96, 0.16);
  --shadow: 0 12px 40px rgba(44, 36, 24, 0.1);
  --shadow-lg: 0 24px 60px rgba(44, 36, 24, 0.13);
}

/* Midnight — deep navy dark */
[data-theme="midnight"] {
  --navy: #e8edf5;
  --navy-light: #c5cfe0;
  --cream: #0c1220;
  --cream-dark: #141c2e;
  --gold: #d4b56a;
  --gold-light: #e8d49a;
  --teal: #6aaeb1;
  --teal-light: #8ec4c6;
  --ink-900: #eef1f6;
  --ink-700: #c4cad6;
  --ink-500: #8b93a5;
  --ink-400: #636b7e;
  --ink-200: #2e364a;
  --ink-100: #1c2438;
  --white: #162033;
  --gold-tint: rgba(212, 181, 106, 0.12);
  --gold-text: #e8d49a;
  --teal-tint: rgba(106, 174, 177, 0.14);
  --error-bg: rgba(153, 27, 27, 0.18);
  --error-border: rgba(254, 202, 202, 0.25);
  --error-text: #fca5a5;
  --success-border: rgba(106, 174, 177, 0.35);
  --btn-primary-bg: #5a8f92;
  --btn-primary-hover: #6aaeb1;
  --cta-bg: #5a8f92;
  --hero-glow: rgba(212, 181, 106, 0.12);
  --card-gradient: rgba(8, 12, 22, 0.95);
  --card-gradient-mid: rgba(8, 12, 22, 0.45);
  --card-gradient-soft: rgba(8, 12, 22, 0.3);
  --focus-ring: rgba(106, 174, 177, 0.22);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.45);
  color-scheme: dark;
}

/* Charcoal — neutral dark grey */
[data-theme="charcoal"] {
  --navy: #f2f2f3;
  --navy-light: #d4d4d8;
  --cream: #121214;
  --cream-dark: #1c1c1f;
  --gold: #c9a962;
  --gold-light: #dcc88a;
  --teal: #7eb8ba;
  --teal-light: #9acbcd;
  --ink-900: #f4f4f5;
  --ink-700: #d4d4d8;
  --ink-500: #a1a1aa;
  --ink-400: #71717a;
  --ink-200: #3f3f46;
  --ink-100: #27272a;
  --white: #1a1a1d;
  --gold-tint: rgba(201, 169, 98, 0.1);
  --gold-text: #e8d5a3;
  --teal-tint: rgba(126, 184, 186, 0.12);
  --error-bg: rgba(153, 27, 27, 0.16);
  --error-border: rgba(254, 202, 202, 0.2);
  --error-text: #fca5a5;
  --success-border: rgba(126, 184, 186, 0.3);
  --btn-primary-bg: #52525b;
  --btn-primary-hover: #71717a;
  --cta-bg: #7eb8ba;
  --hero-glow: rgba(201, 169, 98, 0.1);
  --card-gradient: rgba(0, 0, 0, 0.92);
  --card-gradient-mid: rgba(0, 0, 0, 0.45);
  --card-gradient-soft: rgba(0, 0, 0, 0.3);
  --focus-ring: rgba(126, 184, 186, 0.2);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}

/* Linen — soft warm light */
[data-theme="linen"] {
  --navy: #3d3428;
  --navy-light: #5c4f3f;
  --cream: #f8f4ec;
  --cream-dark: #ece4d6;
  --gold: #a8873f;
  --gold-light: #d4bc82;
  --teal: #5a7268;
  --teal-light: #789088;
  --ink-900: #2e2820;
  --ink-700: #524a40;
  --ink-500: #857a6e;
  --ink-400: #b0a598;
  --ink-200: #ddd5c8;
  --ink-100: #ede8df;
  --gold-tint: #f6f0e4;
  --gold-text: #5c4a1e;
  --teal-tint: #eef2ef;
  --btn-primary-bg: #5a7268;
  --btn-primary-hover: #789088;
  --cta-bg: #5a7268;
  --hero-glow: rgba(168, 135, 63, 0.16);
  --card-gradient: rgba(61, 52, 40, 0.92);
  --card-gradient-mid: rgba(61, 52, 40, 0.2);
  --card-gradient-soft: rgba(61, 52, 40, 0.14);
  --focus-ring: rgba(90, 114, 104, 0.15);
  --shadow: 0 12px 40px rgba(61, 52, 40, 0.09);
  --shadow-lg: 0 24px 60px rgba(61, 52, 40, 0.12);
}

/* Frost — cool crisp light */
[data-theme="frost"] {
  --navy: #1e3a5f;
  --navy-light: #2f5280;
  --cream: #f6f9fc;
  --cream-dark: #e8eef4;
  --gold: #8fa4b8;
  --gold-light: #b8cad8;
  --teal: #3a7a82;
  --teal-light: #559aa2;
  --ink-900: #152238;
  --ink-700: #3d5068;
  --ink-500: #6a7d92;
  --ink-400: #95a4b4;
  --ink-200: #d0dae4;
  --ink-100: #e8eef4;
  --gold-tint: #eef3f7;
  --gold-text: #4a6278;
  --teal-tint: #e8f2f3;
  --btn-primary-bg: #1e3a5f;
  --btn-primary-hover: #2f5280;
  --cta-bg: #3a7a82;
  --hero-glow: rgba(58, 122, 130, 0.14);
  --card-gradient: rgba(30, 58, 95, 0.92);
  --card-gradient-mid: rgba(30, 58, 95, 0.18);
  --card-gradient-soft: rgba(30, 58, 95, 0.12);
  --focus-ring: rgba(58, 122, 130, 0.14);
  --shadow: 0 12px 40px rgba(30, 58, 95, 0.08);
  --shadow-lg: 0 24px 60px rgba(30, 58, 95, 0.11);
}

/* Ivory — bright airy light */
[data-theme="ivory"] {
  --navy: #2a3347;
  --navy-light: #3f4d68;
  --cream: #fffefb;
  --cream-dark: #f5f2ea;
  --gold: #c9a962;
  --gold-light: #e4d4a8;
  --teal: #4a8082;
  --teal-light: #6a9ea0;
  --ink-900: #222228;
  --ink-700: #45454f;
  --ink-500: #737380;
  --ink-400: #a0a0a8;
  --ink-200: #e8e8ec;
  --ink-100: #f5f5f7;
  --gold-tint: #fdfbf4;
  --gold-text: #6e5a24;
  --teal-tint: #f0f7f7;
  --hero-glow: rgba(201, 169, 98, 0.12);
  --card-gradient: rgba(42, 51, 71, 0.9);
  --card-gradient-mid: rgba(42, 51, 71, 0.16);
  --card-gradient-soft: rgba(42, 51, 71, 0.1);
  --focus-ring: rgba(74, 128, 130, 0.13);
  --shadow: 0 12px 40px rgba(42, 51, 71, 0.07);
  --shadow-lg: 0 24px 60px rgba(42, 51, 71, 0.1);
}

/* Obsidian — near-black with gold */
[data-theme="obsidian"] {
  --navy: #eceff4;
  --navy-light: #c8ced8;
  --cream: #08080a;
  --cream-dark: #111114;
  --gold: #d4b56a;
  --gold-light: #e8d49a;
  --teal: #8ec4c6;
  --teal-light: #a8d4d6;
  --ink-900: #f0f1f4;
  --ink-700: #c8ccd4;
  --ink-500: #9499a8;
  --ink-400: #686e7e;
  --ink-200: #282830;
  --ink-100: #18181c;
  --white: #121216;
  --gold-tint: rgba(212, 181, 106, 0.1);
  --gold-text: #e8d49a;
  --teal-tint: rgba(142, 196, 198, 0.12);
  --error-bg: rgba(153, 27, 27, 0.18);
  --error-border: rgba(254, 202, 202, 0.22);
  --error-text: #fca5a5;
  --btn-primary-bg: #d4b56a;
  --btn-primary-fg: #08080a;
  --btn-primary-hover: #e8d49a;
  --cta-bg: #d4b56a;
  --cta-fg: #08080a;
  --hero-glow: rgba(212, 181, 106, 0.1);
  --card-gradient: rgba(0, 0, 0, 0.94);
  --card-gradient-mid: rgba(0, 0, 0, 0.5);
  --card-gradient-soft: rgba(0, 0, 0, 0.32);
  --focus-ring: rgba(212, 181, 106, 0.22);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.6);
  color-scheme: dark;
}

/* Forest — dark green */
[data-theme="forest"] {
  --navy: #e8f0ec;
  --navy-light: #c4d8cc;
  --cream: #0a1210;
  --cream-dark: #121c18;
  --gold: #c4a55a;
  --gold-light: #dcc88a;
  --teal: #6aaeb1;
  --teal-light: #8ec4c6;
  --ink-900: #ecf2ef;
  --ink-700: #b8c8be;
  --ink-500: #849890;
  --ink-400: #5a6e66;
  --ink-200: #2a3832;
  --ink-100: #1a2620;
  --white: #142018;
  --gold-tint: rgba(196, 165, 90, 0.1);
  --gold-text: #e8d5a3;
  --teal-tint: rgba(106, 174, 177, 0.14);
  --error-bg: rgba(153, 27, 27, 0.16);
  --error-border: rgba(254, 202, 202, 0.2);
  --error-text: #fca5a5;
  --btn-primary-bg: #3d6b6d;
  --btn-primary-hover: #5a8f92;
  --cta-bg: #3d6b6d;
  --hero-glow: rgba(106, 174, 177, 0.12);
  --card-gradient: rgba(6, 14, 12, 0.94);
  --card-gradient-mid: rgba(6, 14, 12, 0.48);
  --card-gradient-soft: rgba(6, 14, 12, 0.3);
  --focus-ring: rgba(106, 174, 177, 0.22);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}

/* Wine — dark burgundy */
[data-theme="wine"] {
  --navy: #f0e8ec;
  --navy-light: #d4c0c8;
  --cream: #140c10;
  --cream-dark: #1e1418;
  --gold: #c9a962;
  --gold-light: #dcc88a;
  --teal: #b88898;
  --teal-light: #cca8b4;
  --ink-900: #f2eaee;
  --ink-700: #c8b8be;
  --ink-500: #988890;
  --ink-400: #6e5e66;
  --ink-200: #3a2830;
  --ink-100: #241820;
  --white: #1c1018;
  --gold-tint: rgba(201, 169, 98, 0.1);
  --gold-text: #e8d5a3;
  --teal-tint: rgba(184, 136, 152, 0.14);
  --error-bg: rgba(153, 27, 27, 0.18);
  --error-border: rgba(254, 202, 202, 0.22);
  --error-text: #fca5a5;
  --btn-primary-bg: #7a4058;
  --btn-primary-hover: #985870;
  --cta-bg: #985870;
  --hero-glow: rgba(201, 169, 98, 0.1);
  --card-gradient: rgba(12, 4, 8, 0.94);
  --card-gradient-mid: rgba(12, 4, 8, 0.48);
  --card-gradient-soft: rgba(12, 4, 8, 0.3);
  --focus-ring: rgba(184, 136, 152, 0.22);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.42);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, 0.52);
  color-scheme: dark;
}

/* Dark themes — softer swipe-card badges */
[data-theme="midnight"],
[data-theme="charcoal"],
[data-theme="obsidian"],
[data-theme="forest"],
[data-theme="wine"] {
  --card-pill-light-bg: rgba(255, 255, 255, 0.14);
  --card-pill-light-fg: rgba(255, 255, 255, 0.96);
  --card-pill-dark-bg: rgba(0, 0, 0, 0.32);
  --card-pill-dark-fg: rgba(255, 255, 255, 0.94);
  --card-rating-bg: rgba(0, 0, 0, 0.32);
}