/* =========================================================
   Gladful Tech — Theme presets (CSS variables)
   Switch skins by setting <html data-theme="...">.
   default | spring | blackfriday | eco
   ========================================================= */

:root,
[data-theme="default"] {
  --brand: #F50F50;
  --brand-dark: #C90A3E;
  --brand-2: #13c2c2;
  --accent: #ff7a00;
  --bg: #ffffff;
  --bg-alt: #f5f8ff;
  --surface: #ffffff;
  --text: #0f172a;
  --text-soft: #5b6b85;
  --border: #e6ecf5;
  --shadow: 0 10px 30px rgba(22, 119, 255, .10);
  --radius: 16px;
  --header-bg: rgba(255, 255, 255, .85);
}

/* Festival Red — for Chinese New Year / promotions */
[data-theme="spring"] {
  --brand: #e60012;
  --brand-dark: #b3000e;
  --brand-2: #ff7a00;
  --accent: #ffd400;
  --bg: #fff7f5;
  --bg-alt: #fff0ec;
  --surface: #ffffff;
  --text: #2b0a0a;
  --text-soft: #7a4a44;
  --border: #ffd9d2;
  --shadow: 0 10px 30px rgba(230, 0, 18, .12);
  --radius: 16px;
  --header-bg: rgba(255, 255, 255, .9);
}

/* Dark Deal — for Black Friday / big-sale events */
[data-theme="blackfriday"] {
  --brand: #111418;
  --brand-dark: #000000;
  --brand-2: #ff4d4f;
  --accent: #ff4d4f;
  --bg: #0c0f14;
  --bg-alt: #14181f;
  --surface: #1a1f27;
  --text: #f3f6fb;
  --text-soft: #9aa7b8;
  --border: #2a313c;
  --shadow: 0 10px 30px rgba(0, 0, 0, .45);
  --radius: 14px;
  --header-bg: rgba(12, 15, 20, .9);
}

/* Eco Green — sustainability / European campaigns */
[data-theme="eco"] {
  --brand: #16a34a;
  --brand-dark: #128a3e;
  --brand-2: #22d3ee;
  --accent: #f59e0b;
  --bg: #ffffff;
  --bg-alt: #f1faf3;
  --surface: #ffffff;
  --text: #0c1f14;
  --text-soft: #4f6b58;
  --border: #d7ecdd;
  --shadow: 0 10px 30px rgba(22, 163, 74, .12);
  --radius: 16px;
  --header-bg: rgba(255, 255, 255, .85);
}