/**
 * Hairstelle design tokens & theme presets.
 * Switch via body[data-hairstelle-theme="…"].
 */

:root {
  --font-display: "Playfair Display", "Times New Roman", serif;
  --font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-soft: 10px;
  --radius-pill: 999px;
  --shadow-soft: 0 16px 40px rgba(40, 28, 16, 0.22);
  --shadow-elevated: 0 22px 52px rgba(40, 28, 16, 0.28);
  --shadow-card: 0 10px 24px rgba(40, 28, 16, 0.18);
  --shadow-card-hover: 0 16px 36px rgba(40, 28, 16, 0.26);

  /* Gold luxury (default) — warm espresso, not near-black */
  --color-primary: #d4af37;
  --color-primary-dark: #a88922;
  --color-primary-rgb: 212, 175, 55;
  --color-accent: #f1d17a;
  --color-deep: #2a221c;
  --color-deep-rgb: 42, 34, 28;
  --color-text: #f7efe3;
  --color-muted: #c4a86e;
  --color-border: #4a3a28;
  --color-error: #e06b5a;
  --color-heading: #fff6e8;
  --color-on-primary: #1a140c;

  --color-bg: var(--color-deep);
  --color-bg-alt: rgba(var(--color-deep-rgb), 0.88);
  --color-surface: rgba(58, 46, 36, 0.94);
  --color-body-gradient-start: #4a3b2e;
  --color-body-gradient-end: #241c16;
  --color-body-glow: rgba(var(--color-primary-rgb), 0.14);
  --color-header-bg: rgba(42, 34, 28, 0.94);
  --color-header-border: rgba(var(--color-primary-rgb), 0.2);
  --color-nav-link: rgba(247, 239, 227, 0.94);
  --color-subtle-text: rgba(247, 239, 227, 0.88);
  --color-loader-start: #3a2e24;
  --color-loader-end: #1c1612;
  --color-media-fade-end: rgba(var(--color-deep-rgb), 0.9);
  --color-input-bg: rgba(58, 46, 36, 0.96);
  --color-input-bg-focus: rgba(66, 52, 40, 0.98);
  --color-card-bg: rgba(58, 46, 36, 0.96);
  --color-card-border: rgba(var(--color-primary-rgb), 0.28);
  --color-card-border-hover: rgba(var(--color-primary-rgb), 0.48);
  --color-card-media-bg: radial-gradient(circle at 30% 0, rgba(245, 232, 210, 0.22), rgba(58, 46, 36, 0.98));
  --color-card-media-border: rgba(var(--color-primary-rgb), 0.2);
  --color-card-title: var(--color-heading);
  --color-card-price: var(--color-primary);
  --color-card-muted: var(--color-muted);
  --color-card-footer-border: rgba(var(--color-primary-rgb), 0.16);
  --color-ribbon-bg: rgba(var(--color-deep-rgb), 0.9);
  --color-ribbon-text: var(--color-heading);
  --color-star: var(--color-primary);
  --color-btn-card-solid-bg: linear-gradient(135deg, var(--color-primary), var(--color-accent));
  --color-btn-card-solid-text: var(--color-on-primary);
  --color-btn-card-ghost-bg: rgba(var(--color-primary-rgb), 0.06);
  --color-btn-card-ghost-text: var(--color-accent);
  --color-btn-card-ghost-border: rgba(var(--color-primary-rgb), 0.42);
}

body[data-hairstelle-theme="gold"] {
  --color-primary-rgb: 212, 175, 55;
}

body[data-hairstelle-theme="rose"] {
  --color-primary: #d4a5a5;
  --color-primary-dark: #9e7878;
  --color-primary-rgb: 212, 165, 165;
  --color-accent: #f0c4d4;
  --color-deep: #322028;
  --color-deep-rgb: 50, 32, 40;
  --color-text: #f5e8ea;
  --color-muted: #c49a9f;
  --color-border: #4a343a;
  --color-heading: #fceef0;
  --color-on-primary: #1a1012;
  --color-body-gradient-start: #4a3038;
  --color-body-gradient-end: #281820;
}

body[data-hairstelle-theme="forest"] {
  --color-primary: #8fb896;
  --color-primary-dark: #5a8a62;
  --color-primary-rgb: 143, 184, 150;
  --color-accent: #c8ddb0;
  --color-deep: #243028;
  --color-deep-rgb: 36, 48, 40;
  --color-text: #e8f0e6;
  --color-muted: #8aa892;
  --color-border: #3a4d3e;
  --color-heading: #eef5ec;
  --color-on-primary: #0e1410;
  --color-body-gradient-start: #3a4a3e;
  --color-body-gradient-end: #1c261e;
}

body[data-hairstelle-theme="midnight"] {
  --color-primary: #8eb4c9;
  --color-primary-dark: #5f8aa3;
  --color-primary-rgb: 142, 180, 201;
  --color-accent: #c4d8e8;
  --color-deep: #222830;
  --color-deep-rgb: 34, 40, 48;
  --color-text: #e6eef4;
  --color-muted: #8fa8b8;
  --color-border: #3a4650;
  --color-heading: #eef4f8;
  --color-on-primary: #0a0e12;
  --color-body-gradient-start: #384450;
  --color-body-gradient-end: #1a2028;
}

body[data-hairstelle-theme="valentines"] {
  --color-primary: #e85a7a;
  --color-primary-dark: #b83d58;
  --color-primary-rgb: 232, 90, 122;
  --color-accent: #f4a8bc;
  --color-deep: #1a0a10;
  --color-deep-rgb: 26, 10, 16;
  --color-text: #fce8ee;
  --color-muted: #d48a9a;
  --color-border: #4a2030;
  --color-heading: #fff0f4;
  --color-on-primary: #1a0a10;
  --color-ribbon-bg: rgba(80, 16, 36, 0.94);
  --color-body-gradient-start: #220814;
}

body[data-hairstelle-theme="mothers-day"] {
  --color-primary: #e8a0c8;
  --color-primary-dark: #b878a0;
  --color-primary-rgb: 232, 160, 200;
  --color-accent: #f8d4e8;
  --color-deep: #140c12;
  --color-deep-rgb: 20, 12, 18;
  --color-text: #fceef6;
  --color-muted: #c898b8;
  --color-border: #3d2840;
  --color-heading: #fff5fa;
  --color-on-primary: #140c12;
  --color-ribbon-bg: rgba(60, 24, 48, 0.94);
  --color-body-gradient-start: #1a1016;
}

body[data-hairstelle-theme="fathers-day"] {
  --color-primary: #6a9ec4;
  --color-primary-dark: #4a7498;
  --color-primary-rgb: 106, 158, 196;
  --color-accent: #a8cce4;
  --color-deep: #080c14;
  --color-deep-rgb: 8, 12, 20;
  --color-text: #e6eef6;
  --color-muted: #88a8c0;
  --color-border: #243040;
  --color-heading: #eef4fa;
  --color-on-primary: #080c14;
  --color-ribbon-bg: rgba(16, 32, 52, 0.94);
  --color-body-gradient-start: #0a1018;
}

body[data-hairstelle-theme="christmas"] {
  --color-primary: #c9a227;
  --color-primary-dark: #8b7018;
  --color-primary-rgb: 201, 162, 39;
  --color-accent: #6b9e6e;
  --color-deep: #0a100c;
  --color-deep-rgb: 10, 16, 12;
  --color-text: #f0ebe0;
  --color-muted: #a89870;
  --color-border: #2a3420;
  --color-heading: #faf6ee;
  --color-on-primary: #0a100c;
  --color-ribbon-bg: rgba(24, 48, 28, 0.94);
  --color-body-gradient-start: #0e1610;
}

body[data-hairstelle-theme="easter"] {
  --color-primary: #c8b8e8;
  --color-primary-dark: #9a88c0;
  --color-primary-rgb: 200, 184, 232;
  --color-accent: #f0e8b8;
  --color-deep: #100e14;
  --color-deep-rgb: 16, 14, 20;
  --color-text: #f4f0fa;
  --color-muted: #b0a0c8;
  --color-border: #342e40;
  --color-heading: #faf8ff;
  --color-on-primary: #100e14;
  --color-ribbon-bg: rgba(48, 40, 64, 0.94);
  --color-body-gradient-start: #14121a;
}

body[data-hairstelle-theme="copper"] {
  --color-primary: #d4a574;
  --color-primary-dark: #9a6838;
  --color-primary-rgb: 212, 165, 116;
  --color-accent: #e8c4a0;
  --color-deep: #100a06;
  --color-deep-rgb: 16, 10, 6;
  --color-text: #f5ebe0;
  --color-muted: #c4a080;
  --color-border: #3d2a18;
  --color-heading: #faf4ec;
  --color-on-primary: #100a06;
  --color-body-gradient-start: #140e08;
}

body[data-hairstelle-theme="sapphire"] {
  --color-primary: #6a9ed4;
  --color-primary-dark: #4a78b0;
  --color-primary-rgb: 106, 158, 212;
  --color-accent: #a8c8f0;
  --color-deep: #060a12;
  --color-deep-rgb: 6, 10, 18;
  --color-text: #e8eef8;
  --color-muted: #88a8d0;
  --color-border: #1e2e48;
  --color-heading: #eef4fc;
  --color-on-primary: #060a12;
  --color-body-gradient-start: #0a1018;
}

body[data-hairstelle-theme="champagne"] {
  --color-primary: #e8d4b0;
  --color-primary-dark: #b8a078;
  --color-primary-rgb: 232, 212, 176;
  --color-accent: #faf6ec;
  --color-deep: #2e2a22;
  --color-deep-rgb: 46, 42, 34;
  --color-text: #f5f0e6;
  --color-muted: #c8b898;
  --color-border: #4a4438;
  --color-heading: #fffaf2;
  --color-on-primary: #100e0a;
  --color-body-gradient-start: #4a4438;
  --color-body-gradient-end: #242018;
}