/* Glow & Calm — the six pink themes. Original names and palettes; pink is the hero in every one.
   html[data-theme] values: light (Pink Glow, default) · strawberry · ballet · matcha · barbie · dark (Pink Midnight).
   No attribute = Auto: Pink Glow by day, Pink Midnight when the phone is in dark mode.
   Every text pair is checked for WCAG AA in tests/contrast.test.js. */

/* ---------- Strawberry Milk: creamy pastel pink, white, soft red hearts ---------- */
html[data-theme="strawberry"] {
  --bg: #FFF8F6; --surface: #FFFFFF; --surface-2: #FFE3E6; --surface-3: #FFF0F1;
  --primary: #F48FA0; --primary-strong: #D94660; --primary-soft: #FFD3DA;
  --accent: #FFB8C2; --accent-2: #F7C6A3; --gold: #E8B86D;
  --text: #4A2128; --text-muted: #7A4852; --success: #8CCDB0;
  --button-bg: #C93A55; --button-bg-hover: #B02F49; --on-button: #FFFFFF; --link: #B3324C;
  --line: #F8D3D8; --line-strong: #EFB1BB;
  --shadow: 0 8px 24px rgba(217, 70, 96, .12); --shadow-soft: 0 2px 10px rgba(217, 70, 96, .08); --shadow-lift: 0 14px 40px -10px rgba(217, 70, 96, .28);
  --confetti-1: #F48FA0; --confetti-2: #FFFFFF; --confetti-3: #D94660; --confetti-4: #FFB8C2; --confetti-5: #E8B86D;
  --heat-0: #FDEBEE; --heat-1: #FFD3DA; --heat-2: #FFB0BD; --heat-3: #F48FA0; --heat-4: #D94660;
  --card-a: #FFF8F6; --card-b: #FFD3DA; --card-c: #F48FA0; --card-ink: #4A2128;
}

/* ---------- Ballet Pink: dusty rose, champagne, satin cream ("balletcore") ---------- */
html[data-theme="ballet"] {
  --bg: #FBF5EF; --surface: #FFFDF9; --surface-2: #F3E1DC; --surface-3: #F8EEE8;
  --primary: #D8A0A6; --primary-strong: #A65A68; --primary-soft: #EBCFCB;
  --accent: #E9D3B8; --accent-2: #C9B2C8; --gold: #CDA56A;
  --text: #3E2A2E; --text-muted: #6E5257; --success: #9CC3A8;
  --button-bg: #9E5562; --button-bg-hover: #8A4754; --on-button: #FFFFFF; --link: #8E4656;
  --line: #EADAD2; --line-strong: #D9C0B8; --focus: #7B4F9E;
  --shadow: 0 8px 24px rgba(166, 90, 104, .12); --shadow-soft: 0 2px 10px rgba(166, 90, 104, .08); --shadow-lift: 0 14px 40px -10px rgba(166, 90, 104, .26);
  --confetti-1: #D8A0A6; --confetti-2: #E9D3B8; --confetti-3: #A65A68; --confetti-4: #CDA56A; --confetti-5: #FFFDF9;
  --heat-0: #F5ECE7; --heat-1: #EBCFCB; --heat-2: #DDB0B3; --heat-3: #C68590; --heat-4: #A65A68;
  --card-a: #FBF5EF; --card-b: #EBCFCB; --card-c: #D8A0A6; --card-ink: #3E2A2E;
  --gold-ink: #7E5A1E;
}

/* ---------- Pink Matcha: baby pink with soft sage ---------- */
html[data-theme="matcha"] {
  --bg: #FFF7F9; --surface: #FFFFFF; --surface-2: #FCE1EA; --surface-3: #F2F7EF;
  --primary: #F29BBB; --primary-strong: #D24F84; --primary-soft: #FBD3E1;
  --accent: #B9D3B0; --accent-2: #9DBF94; --gold: #D9B56B;
  --text: #34312A; --text-muted: #65605A; --success: #8DBF84;
  --button-bg: #B73E70; --button-bg-hover: #9F335F; --on-button: #FFFFFF; --link: #A3385F;
  --line: #E9EDE2; --line-strong: #CFDCC6; --success-ink: #3F6B37;
  --shadow: 0 8px 24px rgba(91, 128, 82, .12); --shadow-soft: 0 2px 10px rgba(91, 128, 82, .08); --shadow-lift: 0 14px 40px -10px rgba(91, 128, 82, .24);
  --confetti-1: #F29BBB; --confetti-2: #B9D3B0; --confetti-3: #D24F84; --confetti-4: #9DBF94; --confetti-5: #FBD3E1;
  --heat-0: #F1F5EE; --heat-1: #D8E7D2; --heat-2: #B9D3B0; --heat-3: #F29BBB; --heat-4: #D24F84;
  --card-a: #F2F7EF; --card-b: #FBD3E1; --card-c: #F29BBB; --card-ink: #34312A;
}

/* ---------- Hot Pink Barbie Era: bold fuchsia, bubblegum, white ---------- */
html[data-theme="barbie"] {
  --bg: #FFF0F7; --surface: #FFFFFF; --surface-2: #FFD6EA; --surface-3: #FFE8F3;
  --primary: #FF3EA5; --primary-strong: #E0118A; --primary-soft: #FFC2E0;
  --accent: #FF8AC8; --accent-2: #B66DFF; --gold: #FFC83D;
  --text: #3A0F26; --text-muted: #742A52; --success: #5FD3A5;
  --button-bg: #D10F7F; --button-bg-hover: #B00C6B; --on-button: #FFFFFF; --link: #B80A6E;
  --line: #FFC9E3; --line-strong: #FF9FCF; --gold-ink: #7A5200;
  --shadow: 0 8px 24px rgba(255, 62, 165, .18); --shadow-soft: 0 2px 10px rgba(255, 62, 165, .12); --shadow-lift: 0 14px 40px -10px rgba(255, 62, 165, .35);
  --confetti-1: #FF3EA5; --confetti-2: #FF8AC8; --confetti-3: #FFFFFF; --confetti-4: #FFC83D; --confetti-5: #B66DFF;
  --heat-0: #FFE3F1; --heat-1: #FFC2E0; --heat-2: #FF8AC8; --heat-3: #FF3EA5; --heat-4: #C40C77;
  --card-a: #FFC2E0; --card-b: #FF8AC8; --card-c: #FF3EA5; --card-ink: #3A0F26;
}

/* ---------- Pink Midnight: plum-black, neon-soft pink, rose gold (dark) ---------- */
html[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1E1218; --surface: #2A1A22; --surface-2: #3A2430; --surface-3: #33202A;
  --primary: #FF8FC0; --primary-strong: #FF8FC0; --primary-soft: #5A2E42;
  --accent: #F9A8C9; --accent-2: #C9A0DC; --gold: #E6B98A;
  --text: #FBEAF2; --text-muted: #CFA9BA; --success: #86D3B0;
  --shadow: 0 8px 24px rgba(0, 0, 0, .35); --shadow-soft: 0 2px 10px rgba(0, 0, 0, .25); --shadow-lift: 0 14px 40px -10px rgba(0, 0, 0, .55);
  --button-bg: #FF8FC0; --button-bg-hover: #FFA8CF; --on-button: #2A1020; --link: #FFA3CC;
  --on-primary: #2A1020; --on-danger: #2A1020; --tab-active-bg: var(--primary-soft);
  --line: #4A2C3B; --line-strong: #6A3E54; --focus: #D9B3FF;
  --danger: #FF9AA8; --danger-soft: #4A2229; --success-ink: #86D3B0; --gold-ink: #E6B98A; --overlay: rgba(0, 0, 0, .55);
  --confetti-1: #FF8FC0; --confetti-2: #F9A8C9; --confetti-3: #FF5FA8; --confetti-4: #E6B98A; --confetti-5: #C9A0DC;
  --heat-0: #33202A; --heat-1: #5A2E42; --heat-2: #8C3F62; --heat-3: #D2658F; --heat-4: #FF8FC0;
  --card-a: #1E1218; --card-b: #5A2E42; --card-c: #D2658F; --card-ink: #FBEAF2;
}

/* Auto (no attribute) follows the phone: Pink Midnight in dark mode */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    color-scheme: dark;
    --bg: #1E1218; --surface: #2A1A22; --surface-2: #3A2430; --surface-3: #33202A;
    --primary: #FF8FC0; --primary-strong: #FF8FC0; --primary-soft: #5A2E42;
    --accent: #F9A8C9; --accent-2: #C9A0DC; --gold: #E6B98A;
    --text: #FBEAF2; --text-muted: #CFA9BA; --success: #86D3B0;
    --shadow: 0 8px 24px rgba(0, 0, 0, .35); --shadow-soft: 0 2px 10px rgba(0, 0, 0, .25); --shadow-lift: 0 14px 40px -10px rgba(0, 0, 0, .55);
    --button-bg: #FF8FC0; --button-bg-hover: #FFA8CF; --on-button: #2A1020; --link: #FFA3CC;
    --on-primary: #2A1020; --on-danger: #2A1020; --tab-active-bg: var(--primary-soft);
    --line: #4A2C3B; --line-strong: #6A3E54; --focus: #D9B3FF;
    --danger: #FF9AA8; --danger-soft: #4A2229; --success-ink: #86D3B0; --gold-ink: #E6B98A; --overlay: rgba(0, 0, 0, .55);
    --confetti-1: #FF8FC0; --confetti-2: #F9A8C9; --confetti-3: #FF5FA8; --confetti-4: #E6B98A; --confetti-5: #C9A0DC;
    --heat-0: #33202A; --heat-1: #5A2E42; --heat-2: #8C3F62; --heat-3: #D2658F; --heat-4: #FF8FC0;
    --card-a: #1E1218; --card-b: #5A2E42; --card-c: #D2658F; --card-ink: #FBEAF2;
  }
}