:root {
  font-size: 10px;

  /* Color */
  --color-bg: #0d0d0d;
  --color-bg-elevated: #1a1a1a;
  --color-surface: #141414;
  --color-overlay: rgba(0, 0, 0, 0.6);
  --color-red: #e50914;
  --color-red-hover: #b80710;
  --color-text-primary: #ffffff;
  --color-text-secondary: #a0a0a0;
  --color-border: #2a2a2a;
  --color-star: #f5c518;

  /* Tipografia */
  --font-family-base: system-ui, -apple-system, "Segoe UI", sans-serif;
  --fs-xs: 1.2rem;
  --fs-sm: 1.4rem;
  --fs-base: 1.6rem;
  --fs-md: 1.8rem;
  --fs-lg: 2.2rem;
  --fs-xl: 2.8rem;
  --fs-xxl: 4rem;

  /* Espaciado */
  --space-1: 0.4rem;
  --space-2: 0.8rem;
  --space-3: 1.6rem;
  --space-4: 2.4rem;
  --space-5: 4rem;

  /* Layout */
  --container-max-width: 144rem;
  --radius-sm: 0.4rem;
  --radius-md: 0.8rem;
  --transition-base: 0.2s ease;
}