/* ============================================================
   K-MAC design tokens — light-first, purple anchor, warm accents
   ============================================================ */

:root {
  color-scheme: light;

  /* Canvas */
  --bg: #FAF7F3;
  --bg-soft: #F4EEE7;
  --surface: #FFFFFF;

  /* Ink */
  --ink: #241533;
  --ink-body: #493A5E;
  --ink-soft: #776890;

  /* Purple family */
  --purple: #5C2D91;
  --purple-deep: #43217A;
  --purple-brand: #702082;
  --purple-band: #2A1445;
  --lavender: #EFE7FA;
  --lavender-deep: #E0D2F4;

  /* Warm accents */
  --gold: #FFB81C;
  --orange: #FF7A3D;
  --pink: #E8388A;
  --kmac-red: #870016;

  /* Gradients */
  --grad-cta: linear-gradient(115deg, #E8388A 0%, #FF7A3D 100%);
  --grad-warm: linear-gradient(115deg, #FFB81C 0%, #FF7A3D 55%, #E8388A 100%);
  --grad-title: linear-gradient(105deg, #702082 0%, #E8388A 58%, #FF7A3D 100%);
  --grad-purple: linear-gradient(120deg, #43217A 0%, #702082 100%);

  /* Semantic (overridden inside dark bands) */
  --text: var(--ink);
  --text-body: var(--ink-body);
  --text-soft: var(--ink-soft);
  --card-bg: var(--surface);
  --line: #E7DCF3;
  --chip-bg: var(--lavender);
  --chip-text: var(--purple-deep);

  /* Type */
  --font-display: "Bebas Neue", "Arial Narrow", Impact, sans-serif;
  --font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Shape & elevation */
  --radius: 20px;
  --radius-sm: 12px;
  --radius-pill: 999px;
  --shadow-sm: 0 2px 10px rgba(64, 32, 100, 0.07);
  --shadow-md: 0 12px 32px rgba(64, 32, 100, 0.13);
  --shadow-lg: 0 28px 64px rgba(50, 22, 84, 0.20);

  /* Layout */
  --container: 1180px;
  --header-h: 72px;
}

/* Dark purple band: components inside adapt automatically */
.band-dark {
  --text: #F6F0FF;
  --text-body: #D9CCEE;
  --text-soft: #B4A3D4;
  --card-bg: rgba(255, 255, 255, 0.055);
  --line: rgba(255, 255, 255, 0.14);
  --chip-bg: rgba(255, 255, 255, 0.10);
  --chip-text: #E9DDFB;
  background: var(--purple-band);
  color: var(--text-body);
}