/* StreamMatch — tokens.css
   Design tokens: colors, typography, spacing, transitions.
   All modules use these variables — never hardcode values. */

:root {
  /* ── Background / surface ── */
  --bg:          #0c0c10;
  --surface:     #13131a;
  --card:        #111118;
  --border:      #22222e;
  --border-dim:  #1a1a24;

  /* ── Accent colors ── */
  --accent:      #c9a84c;
  --accent-dim:  rgba(201,168,76,0.12);
  --accent-border: rgba(201,168,76,0.3);

  /* ── Semantic colors ── */
  --green:       #52d68a;
  --green-dim:   rgba(82,214,138,0.1);
  --blue:        #5b9cf6;
  --blue-dim:    rgba(91,156,246,0.1);
  --purple:      #a78bfa;
  --purple-dim:  rgba(167,139,250,0.1);
  --red:         #e05c5c;
  --red-dim:     rgba(224,92,92,0.1);
  --yellow:      #facc15;
  --yellow-dim:  rgba(250,204,21,0.1);

  /* ── Text ── */
  --text:        #dddde8;
  --text-dim:    #9090a8;   /* readable secondary */
  --text-muted:  #5a5a72;   /* de-emphasised chrome only */

  /* ── Service colors ── */
  --svc-hbo:       #5b9cf6;
  --svc-netflix:   #e55;
  --svc-apple:     #aaa;
  --svc-amazon:    #fb3;
  --svc-disney:    #69f;
  --svc-hulu:      #1ce783;
  --svc-paramount: #6db;
  --svc-peacock:   #e8a0ff;

  /* ── Typography ── */
  --font-mono:   'JetBrains Mono', 'Courier New', Courier, monospace;
  --font-sans:   'Inter', system-ui, -apple-system, sans-serif;

  --text-xs:     11px;
  --text-sm:     12px;
  --text-base:   13px;
  --text-md:     14px;
  --text-lg:     16px;
  --text-xl:     20px;

  /* ── Spacing ── */
  --space-1:     4px;
  --space-2:     8px;
  --space-3:     12px;
  --space-4:     16px;
  --space-5:     20px;
  --space-6:     24px;
  --space-8:     32px;
  --space-10:    40px;

  /* ── Border radius ── */
  --radius-sm:   4px;
  --radius-md:   6px;
  --radius-lg:   10px;
  --radius-xl:   16px;

  /* ── Transitions ── */
  --transition-fast:   150ms ease;
  --transition-normal: 250ms ease;
  --transition-slow:   400ms ease;

  /* ── Z-index layers ── */
  --z-base:     1;
  --z-nav:      10;
  --z-modal:    100;
  --z-toast:    200;
  --z-login:    9999;
}