/* ============================================================
   GALORE ESCAPES RADIO — DESIGN TOKENS

   Concept: "The Horizon" — Galore Escapes is about departure,
   distance, arrival. One glowing horizon line runs through the
   whole platform: it's the header's base edge, the ambient glow
   behind the hero, and — functionally — the seek bar in the
   player. Same idea, three jobs. Everything else stays quiet
   so that line, and the album art, carry the energy.
   ============================================================ */

:root {
  /* ---- Color: deep night ocean + one warm horizon accent ---- */
  --ink:        #0B1220;   /* base background — deep night-water indigo */
  --ink-2:      #111B31;   /* raised panels (header, player) */
  --ink-3:      #17233D;   /* cards, hover states */
  --ink-4:      #1E2C4A;   /* borders on dark, active fills */

  --line:       rgba(230, 236, 250, 0.09);
  --line-strong:rgba(230, 236, 250, 0.16);

  --coral:      #FF6B47;   /* horizon accent — sunset, not gold */
  --coral-dim:  #C7502F;
  --coral-wash: rgba(255, 107, 71, 0.14);

  --aqua:       #63E6D6;   /* second, cooler accent — used sparingly (active/live states) */
  --aqua-wash:  rgba(99, 230, 214, 0.12);

  --paper:      #F4EFE6;   /* primary text on dark — warm off-white, not stark white */
  --mist:       #A6ADC4;   /* secondary text */
  --mist-dim:   #6B7391;   /* tertiary text, labels, timestamps */

  /* ---- Type ---- */
  --font-display: Georgia, "Times New Roman", Times, serif;
  --font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono:    "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --step--1: clamp(0.78rem, 0.75rem + 0.15vw, 0.86rem);
  --step-0:  clamp(0.95rem, 0.9rem + 0.2vw, 1.05rem);
  --step-1:  clamp(1.15rem, 1.05rem + 0.4vw, 1.35rem);
  --step-2:  clamp(1.5rem, 1.3rem + 0.8vw, 1.9rem);
  --step-3:  clamp(2rem, 1.6rem + 1.6vw, 2.9rem);
  --step-4:  clamp(2.6rem, 1.9rem + 3vw, 4.4rem);
  --step-5:  clamp(3.2rem, 2.1rem + 4.8vw, 6rem);

  /* ---- Space ---- */
  --sp-1: 0.4rem;
  --sp-2: 0.8rem;
  --sp-3: 1.2rem;
  --sp-4: 1.8rem;
  --sp-5: 2.8rem;
  --sp-6: 4.4rem;
  --sp-7: 7rem;

  /* ---- Shape / motion ---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fast: 160ms;
  --med: 320ms;

  /* ---- Layout ---- */
  --rail: 1320px;
  --header-h: 76px;
  --player-h: 88px;
  --player-h-mobile: 64px;
}

@media (prefers-color-scheme: light) {
  /* Platform is intentionally dark-native (music/editorial); no light variant. */
}