:root {
  /* Colors — dark, video-first */
  --bg-base:       #0B0B0B;
  --bg-surface:    #0B0B0B;
  --bg-card:       #161616;
  --bg-raised:     #202020;

  --border-subtle:  rgba(255, 255, 255, 0.08);
  --border-default: rgba(255, 255, 255, 0.15);
  --border-strong:  rgba(255, 255, 255, 0.3);

  --text-primary:   #FFFFFF;
  --text-secondary: #9A9A9A;
  --text-muted:     #5C5C5C;

  /* Typography */
  --font-body: 'Poppins', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  /* Spacing */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  16px;
  --space-4:  24px;
  --space-5:  40px;
  --space-6:  64px;
  --space-7:  96px;
  --space-8:  128px;
}

/* Light theme override — used on the Stills page */
body.theme-light {
  --bg-base:       #FFFFFF;
  --bg-surface:    #FFFFFF;
  --bg-card:       #F4F4F4;
  --bg-raised:     #ECECEC;

  --border-subtle:  rgba(0, 0, 0, 0.08);
  --border-default: rgba(0, 0, 0, 0.15);
  --border-strong:  rgba(0, 0, 0, 0.3);

  --text-primary:   #0A0A0A;
  --text-secondary: #555555;
  --text-muted:     #9A9A9A;
}