/* ZEED Music — Design Tokens (colors, type, spacing, radius)
   Single source of truth. Change a value here → propagates everywhere. */
/* ============================================================
   ZEED MUSIC — DESIGN TOKENS
   ============================================================ */
:root{
  /* Base — warm near-black, not pure black */
  --ink:#0d0d10;
  --ink-2:#141418;
  --surface:#1a1a20;
  --surface-2:#212129;
  --elevated:#2a2a33;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.14);

  /* ZEED "chili" red — the signature */
  --zeed:#ff2d42;
  --zeed-hot:#ff5a2e;
  --zeed-deep:#d61830;
  --zeed-grad:linear-gradient(135deg,#ff2d42 0%,#ff5a2e 100%);
  --zeed-glow:0 8px 30px -8px rgba(255,45,66,.55);

  /* Text */
  --tx:#f6f6f8;
  --tx-2:#a6a6b0;
  --tx-3:#8a8a95; /* a11y: ผ่าน WCAG AA (4.5:1) บนพื้น --ink/--surface (เดิม #6c6c78 ไม่ผ่าน) */

  /* Light theme (for iOS light screens) */
  --lt-bg:#fbfbfd;
  --lt-surface:#ffffff;
  --lt-line:rgba(0,0,0,.08);
  --lt-tx:#111114;
  --lt-tx-2:#6a6a73;

  --r-sm:8px; --r-md:14px; --r-lg:20px; --r-xl:28px;
  --fs:'Prompt',system-ui,-apple-system,sans-serif;
  --fm:'IBM Plex Mono',ui-monospace,monospace;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--fs);
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(255,45,66,.10), transparent 60%),
    radial-gradient(900px 500px at 0% 100%, rgba(255,90,46,.07), transparent 55%),
    #08080a;
  color:var(--tx);
  -webkit-font-smoothing:antialiased;
  line-height:1.4;
}
svg{display:block}
.mono{font-family:var(--fm)}