/* Netflix Design Tokens for FlixWatch */
:root {
  /* Netflix Core Colors */
  --ink: #141414;           /* Netflix body background */
  --paper: #FFFFFF;         /* Primary text - white */
  --paper-dim: #B3B3B3;     /* Secondary text - grey */
  --paper-muted: #808080;   /* Tertiary / placeholder */

  --booth: #2F2F2F;         /* Card hover surface */
  --booth-raised: #3D3D3D;  /* Elevated surface */
  --booth-border: rgba(255,255,255,0.1); /* Subtle dividers */
  --booth-border-subtle: rgba(255,255,255,0.05);

  /* Netflix Red - Primary Action */
  --projector: #E50914;
  --projector-hover: #F40612;
  --projector-glow: rgba(229, 9, 20, 0.3);

  /* Status Colors */
  --signal-red: #E50914;
  --verified: #46D369;       /* Netflix green for verified/available */
  --verified-bg: rgba(70, 211, 105, 0.1);
  --verified-border: rgba(70, 211, 105, 0.3);

  --sub: #46D369;            /* Subscription - Netflix green */
  --sub-bg: rgba(70, 211, 105, 0.1);
  --rent: #FFBE0B;           /* Rent - amber */
  --rent-bg: rgba(255, 190, 11, 0.1);
  --buy: #4EABF8;            /* Buy - blue */
  --buy-bg: rgba(78, 171, 248, 0.1);
  --theatrical: #E50914;
  --theatrical-bg: rgba(229, 9, 20, 0.1);

  /* Typography - Netflix uses sans-serif only */
  --font-display: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-mono: 'Inter', 'Helvetica Neue', Arial, sans-serif;

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

  /* Radii - Netflix is minimal */
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-pill: 4px;

  /* Layout */
  --max-width: 1400px;
  --max-reading: 860px;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.6);
  --shadow-card: 0 4px 20px rgba(0,0,0,0.8);
  --shadow-elevated: 0 8px 40px rgba(0,0,0,0.9);
  --transition-fast: 150ms ease;
  --transition-normal: 200ms ease;

  /* Netflix-specific */
  --netflix-header-height: 68px;
  --netflix-row-gap: 8px;
}

/* Netflix doesn't have a light theme - keep dark always */
[data-theme="paper"] {
  /* Override light theme - Netflix stays dark */
  --ink: #141414;
  --paper: #FFFFFF;
  --paper-dim: #B3B3B3;
  --paper-muted: #808080;
  --booth: #2F2F2F;
  --booth-raised: #3D3D3D;
  --booth-border: rgba(255,255,255,0.1);
  --booth-border-subtle: rgba(255,255,255,0.05);
  --projector: #E50914;
  --projector-hover: #F40612;
  --verified: #46D369;
}