/* ============================================================
   Creativity DS — Color Tokens
   Dark-first. All 5 products share the primitive palette;
   product themes override the semantic aliases below.
   ============================================================ */

:root {

  /* ── Raw primitives ─────────────────────────────────────── */

  /* Near-black backgrounds (shared dark aesthetic) */
  --raw-bg-0: #050508;        /* STARK deepest */
  --raw-bg-1: #080810;        /* unified deep dark */
  --raw-bg-2: #0B0B0D;        /* Arena / Lifey dark */
  --raw-bg-3: #0B0D12;        /* Aura */
  --raw-bg-4: #0D0D1A;        /* surface / card */
  --raw-bg-5: #141428;        /* surface-2 / elevated */
  --raw-bg-6: #1A1A2E;        /* surface-3 / deep card */

  /* Warm cream text palette */
  --raw-cream-100: #EDE9E4;
  --raw-cream-200: #D8D4CE;
  --raw-cream-60: rgba(237,233,228,0.6);
  --raw-cream-44: rgba(237,233,228,0.44);
  --raw-cream-28: rgba(237,233,228,0.28);
  --raw-cream-12: rgba(237,233,228,0.12);

  /* Pure white scale (Lifey light) */
  --raw-white-100: #ffffff;
  --raw-white-82: rgba(255,255,255,0.82);
  --raw-white-62: rgba(255,255,255,0.62);
  --raw-white-46: rgba(255,255,255,0.46);
  --raw-white-12: rgba(255,255,255,0.12);
  --raw-white-08: rgba(255,255,255,0.08);
  --raw-white-05: rgba(255,255,255,0.05);

  /* Amber family — STARK's signature */
  --raw-amber-100: #E07B2E;
  --raw-amber-110: #F08C3A;   /* hover */
  --raw-amber-120: #FF9240;   /* lightest / active */
  --raw-amber-60:  rgba(224,123,46,0.6);
  --raw-amber-22:  rgba(224,123,46,0.22);
  --raw-amber-12:  rgba(224,123,46,0.12);
  --raw-amber-06:  rgba(224,123,46,0.06);

  /* Red family — MySpec / ForBrands */
  --raw-red-100: #E8001D;
  --raw-red-110: #FF1A30;
  --raw-red-12:  rgba(232,0,29,0.12);
  --raw-red-06:  rgba(232,0,29,0.06);

  /* Teal — STARK secondary */
  --raw-teal-100: #1DC8CE;
  --raw-teal-12:  rgba(29,200,206,0.12);
  --raw-teal-06:  rgba(29,200,206,0.06);

  /* Cyan — Aura accent */
  --raw-cyan-100: #00F0FF;
  --raw-cyan-10:  rgba(0,240,255,0.10);
  --raw-cyan-05:  rgba(0,240,255,0.05);

  /* Gold — Secret Santa */
  --raw-gold-100: #FFD700;
  --raw-gold-80:  #E5C100;

  /* Crimson — Secret Santa primary */
  --raw-crimson-100: #C41E3A;
  --raw-crimson-120: #E8394F;
  --raw-crimson-80:  #A01830;

  /* Forest green — Secret Santa */
  --raw-green-100: #228B22;

  /* Acid lime — Ziades v "undetected" / success signal */
  --raw-lime-100: #CCFF00;
  --raw-lime-10:  rgba(204,255,0,0.10);
  --raw-lime-20:  rgba(204,255,0,0.20);

  /* Deep purple — Ziades v secondary accent */
  --raw-purple-100: #5A189A;
  --raw-purple-10:  rgba(90,24,154,0.10);
  --raw-purple-20:  rgba(90,24,154,0.20);

  /* Dual-gradient — Ziades v signature */
  --raw-dual-gradient: linear-gradient(135deg, #00E5FF 0%, #5A189A 100%); /* @kind other */
  --raw-indigo:        oklch(0.58 0.16 275);
  --raw-indigo-soft:   oklch(0.58 0.16 275 / 0.12);
  --raw-indigo-ink:    oklch(0.42 0.16 275);
  --raw-violet:        oklch(0.60 0.16 305);
  --raw-violet-soft:   oklch(0.60 0.16 305 / 0.12);
  --raw-cyan-lch:      oklch(0.64 0.12 205);
  --raw-pink:          #FF65A3;
  --raw-pink-soft:     rgba(255,101,163,0.16);

  /* Semantic */
  --raw-good:   oklch(0.62 0.13 160);
  --raw-warn:   oklch(0.72 0.14 70);
  --raw-danger: oklch(0.62 0.18 22);

  /* ── Semantic aliases (default: dark theme) ─────────────── */

  --bg-base:      var(--raw-bg-1);
  --surface:      var(--raw-bg-4);
  --surface-2:    var(--raw-bg-5);
  --surface-3:    var(--raw-bg-6);

  --border:       var(--raw-white-08);
  --border-strong: rgba(255,255,255,0.14);

  --text:         var(--raw-cream-100);
  --text-muted:   var(--raw-cream-44);
  --text-faint:   var(--raw-cream-28);

  --glass:        var(--raw-white-05);
  --glass-2:      rgba(255,255,255,0.03);
  --glass-border: var(--raw-white-08);

  /* Default accent: amber */
  --accent:       var(--raw-amber-100);
  --accent-hover: var(--raw-amber-110);
  --accent-soft:  var(--raw-amber-12);
  --accent-ink:   var(--raw-amber-100);

  --good:    var(--raw-good);
  --warn:    var(--raw-warn);
  --danger:  var(--raw-danger);

  /* ── Product accent overrides ───────────────────────────── */
}

/* Lifey: indigo accent */
[data-accent="indigo"] {
  --accent:      var(--raw-indigo);
  --accent-hover: var(--raw-indigo-ink);
  --accent-soft:  var(--raw-indigo-soft);
  --accent-ink:   var(--raw-indigo-ink);
}

/* Aura: cyan accent */
[data-accent="cyan"] {
  --accent:      var(--raw-cyan-100);
  --accent-hover: #1CF5FF;
  --accent-soft:  var(--raw-cyan-10);
  --accent-ink:   var(--raw-cyan-100);
}

/* MySpec: red accent */
[data-accent="red"] {
  --accent:      var(--raw-red-100);
  --accent-hover: var(--raw-red-110);
  --accent-soft:  var(--raw-red-12);
  --accent-ink:   var(--raw-red-100);
}

/* Teal secondary */
[data-accent="teal"] {
  --accent:      var(--raw-teal-100);
  --accent-hover: #26D9DF;
  --accent-soft:  var(--raw-teal-12);
  --accent-ink:   var(--raw-teal-100);
}

/* Secret Santa: crimson */
[data-accent="crimson"] {
  --accent:       var(--raw-crimson-100);
  --accent-hover: var(--raw-crimson-120);
  --accent-soft:  rgba(196,30,58,0.12);
  --accent-ink:   var(--raw-crimson-120);
}

/* ── Light theme (Lifey Aurora) ─────────────────────────── */
[data-theme="light"] {
  --bg-base:    oklch(0.975 0.01 280);
  --surface:    oklch(1 0 0 / 0.62);
  --surface-2:  oklch(1 0 0 / 0.46);
  --surface-3:  oklch(0.97 0.008 280);

  --border:       oklch(0.5 0.03 280 / 0.13);
  --border-strong: oklch(0.5 0.03 280 / 0.22);

  --text:       oklch(0.27 0.025 280);
  --text-muted: oklch(0.49 0.022 280);
  --text-faint: oklch(0.62 0.018 280);

  --glass:        oklch(1 0 0 / 0.62);
  --glass-2:      oklch(1 0 0 / 0.46);
  --glass-border: oklch(1 0 0 / 0.75);

  --accent:       var(--raw-indigo);
  --accent-hover: var(--raw-indigo-ink);
  --accent-soft:  var(--raw-indigo-soft);
  --accent-ink:   var(--raw-indigo-ink);
}