/* ============================================================
   STREAMGATE — design tokens (light edition)
   ============================================================ */
:root {
  /* surfaces — warm paper white + white glass */
  --bg: #f7f6f2;
  --bg-1: #ffffff;
  --bg-2: #efeee8;
  --glass: rgba(255, 255, 255, 0.62);
  --glass-2: rgba(255, 255, 255, 0.8);
  --line: rgba(16, 16, 20, 0.07);
  --line-2: rgba(16, 16, 20, 0.15);

  /* ink */
  --ink: #101014;
  --ink-2: rgba(16, 16, 20, 0.6);
  --ink-3: rgba(16, 16, 20, 0.4);

  /* accents — vivid on light */
  --violet: #7c5cff;
  --violet-deep: #5a3df0;
  --cyan: #0ea8d8;
  --pink: #ff5c9e;
  --ok: #15a26e;
  --warn: #d97e06;
  --err: #e0483f;

  /* platform brand colors (mirrors server/platforms.js) */
  --p-netflix: #e50914;
  --p-disneyplus: #113ccf;
  --p-hbomax: #8a2be2;
  --p-appletv: #a3aaae;
  --p-paramountplus: #0064ff;
  --p-primevideo: #00a8e1;

  /* light-theme shadows (tinted, airy) */
  --shadow-s: 0 10px 30px -14px rgba(60, 50, 120, 0.16);
  --shadow-m: 0 20px 60px -30px rgba(60, 50, 120, 0.2);
  --shadow-l: 0 40px 100px -40px rgba(60, 50, 120, 0.3);

  /* type */
  --f-display: "Clash Display", "Space Grotesk", "Noto Sans SC", system-ui, sans-serif;
  --f-body: "Space Grotesk", "Noto Sans SC", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif;
  --f-serif: "Noto Serif SC", "Songti SC", serif;
  --f-mono: ui-monospace, "SF Mono", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;

  /* rhythm */
  --r-s: 10px;
  --r-m: 16px;
  --r-l: 24px;
  --r-xl: 32px;
  --pad: clamp(20px, 5vw, 72px);
  --nav-h: 72px;
  --maxw: 1360px;

  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-io: cubic-bezier(0.65, 0, 0.35, 1);
}