/* ─────────────────────────────────────────────────────────────────────────────
   LAIFset · tokens.css  (Design v0.1)
   Single source of truth for colors, vibe palettes, typography.
   Keep in sync with js/vibes.js VIBES array.
   Vibe keys here use the APP-INTERNAL IDs (beach_club, coffee_house, ...),
   not the design handoff IDs (warmup, coffee, ...).
   ───────────────────────────────────────────────────────────────────────────── */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* ── Foundation ── */
  --bg:                #08080C;
  --bg-raised:         #0F0F14;
  --surface-1:         rgba(255,255,255,0.06);
  --surface-1-border:  rgba(255,255,255,0.08);
  --text:              #FFFFFF;
  --text-muted:        rgba(255,255,255,0.5);
  --text-faint:        rgba(255,255,255,0.32);

  /* ── Type stack ── */
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace;

  /* ── Motion ── */
  --ease-premium: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* ── Shadow tokens ── */
  --shadow-tile-rest:  0 8px 28px rgba(0,0,0,0.45),
                       inset 0 0 0 0.5px rgba(255,255,255,0.08),
                       inset 0 1px 0 rgba(255,255,255,0.06);
  --shadow-tile-hover: 0 18px 48px rgba(0,0,0,0.6),
                       inset 0 0 0 0.5px rgba(255,255,255,0.18),
                       inset 0 1px 0 rgba(255,255,255,0.12);

  /* ══════════════════════════════════════════════════════════════════════════
     VIBE TOKENS — 10 vibes
     IDs match js/store.js VIBE_NAMES keys (app-internal).
     ══════════════════════════════════════════════════════════════════════════ */

  /* Sound Therapie (design: therapy) */
  --vibe-sound_therapie-from:   #A4B4C8;
  --vibe-sound_therapie-mid:    #7A7FA4;
  --vibe-sound_therapie-to:     #32304E;
  --vibe-sound_therapie-text:   #D8DCEC;
  --vibe-sound_therapie-accent: #B0B8D0;
  --vibe-sound_therapie-bg:     #0C0D18;

  /* Chillout */
  --vibe-chillout-from:   #9EB8A4;
  --vibe-chillout-mid:    #5E8474;
  --vibe-chillout-to:     #243A30;
  --vibe-chillout-text:   #DAE8DC;
  --vibe-chillout-accent: #B0C8B4;
  --vibe-chillout-bg:     #0C1612;

  /* Coffee House (design: coffee) */
  --vibe-coffee_house-from:   #B8997A;
  --vibe-coffee_house-mid:    #7A5A42;
  --vibe-coffee_house-to:     #2E1E16;
  --vibe-coffee_house-text:   #E8D8C0;
  --vibe-coffee_house-accent: #CDB494;
  --vibe-coffee_house-bg:     #1A120C;

  /* Sunset */
  --vibe-sunset-from:   #C89A7A;
  --vibe-sunset-mid:    #A8655E;
  --vibe-sunset-to:     #4A2E38;
  --vibe-sunset-text:   #F0DCC8;
  --vibe-sunset-accent: #D4B098;
  --vibe-sunset-bg:     #1E1218;

  /* Feel Good (design: feelgood) */
  --vibe-feel_good-from:   #D8BC84;
  --vibe-feel_good-mid:    #B48A52;
  --vibe-feel_good-to:     #5A3A1C;
  --vibe-feel_good-text:   #F0E4C8;
  --vibe-feel_good-accent: #D8C498;
  --vibe-feel_good-bg:     #18110A;

  /* Beach Club (design: warmup — renamed by app convention) */
  --vibe-beach_club-from:   #D4A890;
  --vibe-beach_club-mid:    #B07060;
  --vibe-beach_club-to:     #5A2A2E;
  --vibe-beach_club-text:   #F0DDCE;
  --vibe-beach_club-accent: #D8B8A0;
  --vibe-beach_club-bg:     #1A0C0E;

  /* In the Zone (design: zone) */
  --vibe-in_the_zone-from:   #5A9488;
  --vibe-in_the_zone-mid:    #2E5E54;
  --vibe-in_the_zone-to:     #0C221E;
  --vibe-in_the_zone-text:   #C8DED8;
  --vibe-in_the_zone-accent: #7AB0A4;
  --vibe-in_the_zone-bg:     #06120F;

  /* Midnight */
  --vibe-midnight-from:   #3A4668;
  --vibe-midnight-mid:    #1E2440;
  --vibe-midnight-to:     #05060E;
  --vibe-midnight-text:   #C8CCE0;
  --vibe-midnight-accent: #7A84A6;
  --vibe-midnight-bg:     #080914;

  /* Energetic */
  --vibe-energetic-from:   #C8856A;
  --vibe-energetic-mid:    #8E4A5C;
  --vibe-energetic-to:     #2E1A2C;
  --vibe-energetic-text:   #EEDACC;
  --vibe-energetic-accent: #D69A84;
  --vibe-energetic-bg:     #140A10;

  /* Maximum Power (design: maxpower) */
  --vibe-maximum_power-from:   #C86A50;
  --vibe-maximum_power-mid:    #8E2438;
  --vibe-maximum_power-to:     #14040A;
  --vibe-maximum_power-text:   #F0D4C0;
  --vibe-maximum_power-accent: #D8855E;
  --vibe-maximum_power-bg:     #140204;
}