/* ====== Oneplay TV prototyp – design tokens ====== */
:root {
  /* Background gradients */
  --bg-deep:        #05080F;
  --bg-base:        #0A0F1F;
  --bg-elev-1:      rgba(255, 255, 255, 0.04);
  --bg-elev-2:      rgba(255, 255, 255, 0.08);
  --bg-elev-3:      rgba(255, 255, 255, 0.12);
  --bg-glass:       rgba(15, 22, 45, 0.72);

  /* Text */
  --text-primary:   #F2F2F2;
  --text-secondary: #939393;
  --text-muted:     #6B7280;
  --text-inverse:   #0A0F1F;
  --white:          #F2F2F2;

  /* Brand */
  --brand-yellow:   #F4C500;
  --brand-yellow-soft: #FFE36A;
  --brand-blue:     #3A7BFF;
  --brand-purple:   #6E5CFF;

  /* Buttons (Figma) */
  --btn-primary-bg:    #242642;
  --btn-primary-bg-hi: #2C2F4D;
  --btn-secondary-bg:  #121226;
  --btn-secondary-bd:  #27293F;
  --btn-focus-bg:      #F2F2F2;
  --btn-radius:        16px;

  /* Status */
  --color-live:     #F10404;
  --color-success:  #1FB85C;
  --color-warning:  #F4A100;
  --grey-200:       #939393;
  --grey-400:       #3B3B3B;
  --grey-600:       #1E1E1E;
  --grey-700:       #171726;

  /* Strokes / overlays */
  --stroke-soft:    rgba(255, 255, 255, 0.08);
  --stroke-strong:  rgba(255, 255, 255, 0.18);
  --focus-ring:     0 0 0 3px var(--brand-yellow);
  --focus-glow:     0 8px 32px rgba(244, 197, 0, 0.35), 0 0 0 3px var(--brand-yellow);
  --shadow-card:    0 12px 40px rgba(0, 0, 0, 0.45);

  /* Radius */
  --r-xs: 6px;
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 24px;
  --r-pill: 999px;

  /* Spacing scale */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;

  /* Type */
  --font-stack: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

  /* Layout (Figma) */
  --sidebar-collapsed: 140px;
  --sidebar-open: 414px;
  --rail-gap: 24px;
  --side-padding-left: 140px;
  --side-padding-right: 108px;
  --hero-height: 620px;

  /* Animation */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 120ms;
  --dur-base: 220ms;
  --dur-slow: 420ms;
}