/* ============================================================
   THEMES.CSS — CSS custom property themes for all 4 skins
   ============================================================ */

/* ---- Soft & Dreamy (default) ---- */
[data-theme="dreamy"] {
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Lato', sans-serif;

  --color-bg: #FFF5F7;
  --color-bg-alt: #FDE8EF;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FDF0F5;
  --color-primary: #E8769F;
  --color-primary-dark: #C95580;
  --color-primary-light: #F5B8CE;
  --color-accent: #A78BCA;
  --color-accent-light: #D4C4E8;
  --color-text: #3D2B35;
  --color-text-muted: #9B6B7E;
  --color-border: #F0C8D8;
  --color-success: #7DC98F;
  --color-danger: #D93030;
  --color-nav-bg: rgba(255, 245, 247, 0.95);

  --gradient-hero: linear-gradient(135deg, #FFF0F5 0%, #F5E6FF 50%, #FFE8F0 100%);
  --gradient-button: linear-gradient(135deg, #E8769F, #C95580);
  --gradient-accent: linear-gradient(135deg, #A78BCA, #7B5EA7);
  --gradient-card: linear-gradient(145deg, #FFFFFF, #FDF0F5);

  --decorative: "🌸";
  --shadow-card: 0 2px 12px rgba(232, 118, 159, 0.1);
  --shadow-button: 0 8px 24px rgba(232, 118, 159, 0.35);
}

/* ---- Bold & Modern ---- */
[data-theme="bold"] {
  --font-display: 'Bebas Neue', 'Impact', sans-serif;
  --font-body: 'DM Sans', sans-serif;

  --color-bg: #F8F9FA;
  --color-bg-alt: #FFFFFF;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F0F4FF;
  --color-primary: #FF3CAC;
  --color-primary-dark: #CC0077;
  --color-primary-light: #FF85D0;
  --color-accent: #00D4FF;
  --color-accent-light: #A0EEFF;
  --color-text: #0D0D0D;
  --color-text-muted: #666666;
  --color-border: #E0E0E0;
  --color-success: #00E676;
  --color-danger: #D93030;
  --color-nav-bg: rgba(248, 249, 250, 0.97);

  --gradient-hero: linear-gradient(135deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);
  --gradient-button: linear-gradient(135deg, #FF3CAC, #784BA0);
  --gradient-accent: linear-gradient(135deg, #00D4FF, #0099CC);
  --gradient-card: linear-gradient(145deg, #FFFFFF, #F0F4FF);

  --decorative: "✦";
  --shadow-card: 0 2px 12px rgba(255, 60, 172, 0.08);
  --shadow-button: 0 8px 24px rgba(255, 60, 172, 0.35);
}

/* ---- Luxury & Editorial ---- */
[data-theme="luxury"] {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Raleway', sans-serif;

  --color-bg: #0A0A0A;
  --color-bg-alt: #111111;
  --color-surface: #1A1A1A;
  --color-surface-alt: #222222;
  --color-primary: #C9A84C;
  --color-primary-dark: #A07830;
  --color-primary-light: #E8C97A;
  --color-accent: #E8D5A3;
  --color-accent-light: #F5EDD0;
  --color-text: #F5F0E8;
  --color-text-muted: #9A9080;
  --color-border: #333333;
  --color-success: #6DBF87;
  --color-danger: #E05252;
  --color-nav-bg: rgba(10, 10, 10, 0.97);

  --gradient-hero: linear-gradient(135deg, #0A0A0A 0%, #1A1208 50%, #0A0A0A 100%);
  --gradient-button: linear-gradient(135deg, #C9A84C, #A07830);
  --gradient-accent: linear-gradient(135deg, #E8D5A3, #C9A84C);
  --gradient-card: linear-gradient(145deg, #1A1A1A, #222222);

  --decorative: "◆";
  --shadow-card: 0 2px 16px rgba(0, 0, 0, 0.4);
  --shadow-button: 0 8px 24px rgba(201, 168, 76, 0.3);
}

/* ---- Christine's Nail Studio ---- */
[data-theme="christines"] {
  --font-display: 'Dancing Script', cursive;
  --font-body: 'Josefin Sans', sans-serif;

  --color-bg: #F0EDEF;
  --color-bg-alt: #EAE2E6;
  --color-surface: #FDFBFC;
  --color-surface-alt: #F7F0F3;
  --color-primary: #C45C7A;
  --color-primary-dark: #A03A58;
  --color-primary-light: #E8A0B8;
  --color-accent: #B8849A;
  --color-accent-light: #DDBFCC;
  --color-text: #2C1F26;
  --color-text-muted: #9A7080;
  --color-border: #DEC8D0;
  --color-success: #7DC98F;
  --color-danger: #C94040;
  --color-nav-bg: rgba(240, 237, 239, 0.96);

  --gradient-hero: linear-gradient(150deg, #F8EEF2 0%, #F0E2E8 40%, #EDD8E2 70%, #F5EAF0 100%);
  --gradient-button: linear-gradient(135deg, #C45C7A, #A03A58);
  --gradient-accent: linear-gradient(135deg, #D4849A, #B8607A);
  --gradient-card: linear-gradient(150deg, #FDFBFC, #F7F0F3);

  --decorative: "🦋";
  --shadow-card: 0 2px 16px rgba(196, 92, 122, 0.08);
  --shadow-button: 0 8px 24px rgba(196, 92, 122, 0.32);

  /* Watercolour brush stroke on hero pill + section labels */
  --watercolour-tint: rgba(212, 150, 170, 0.18);
}

/* ---- Fun & Playful ---- */
[data-theme="playful"] {
  --font-display: 'Fredoka One', cursive;
  --font-body: 'Nunito', sans-serif;

  --color-bg: #FFFDF0;
  --color-bg-alt: #FFF8DC;
  --color-surface: #FFFFFF;
  --color-surface-alt: #FFFAEC;
  --color-primary: #FF6B35;
  --color-primary-dark: #CC4A1A;
  --color-primary-light: #FF9B75;
  --color-accent: #6BCB77;
  --color-accent-light: #A8E6AF;
  --color-text: #2D2D2D;
  --color-text-muted: #777777;
  --color-border: #FFD580;
  --color-success: #6BCB77;
  --color-danger: #D93030;
  --color-nav-bg: rgba(255, 253, 240, 0.95);

  --gradient-hero: linear-gradient(135deg, #FF6B35 0%, #FFD166 50%, #6BCB77 100%);
  --gradient-button: linear-gradient(135deg, #FF6B35, #FF9B75);
  --gradient-accent: linear-gradient(135deg, #6BCB77, #4BA85A);
  --gradient-card: linear-gradient(145deg, #FFFFFF, #FFFAEC);

  --decorative: "★";
  --shadow-card: 0 2px 12px rgba(255, 107, 53, 0.1);
  --shadow-button: 0 8px 24px rgba(255, 107, 53, 0.35);
}