:root {
  /* Palette — Brasa Negra: blanco/negro puro, sin acentos cromáticos */
  --bn-bg: #0A0A0A;
  --bn-fg: #FFFFFF;
  --bn-accent: #FFFFFF;
  --bn-accent-bright: #FFFFFF;
  --bn-accent-rgb: 255, 255, 255;
  --bn-on-accent: #0A0A0A;
  --bn-muted: #A8A8A2;
  --bn-border: #3A3A3A;
  --bn-surface: #141414;
  --bn-surface-hover: #1F1F1F;
  --bn-danger: #C2473A;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-serif: 'EB Garamond', Georgia, serif;
  --fs-xs: 12px;
  --fs-sm: 14px;
  --fs-md: 16px;
  --fs-lg: 20px;
  --fs-xl: 24px;
  --fs-2xl: 32px;
  --fs-3xl: 40px;

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

  /* Radius */
  --r-sm: 4px; --r-md: 8px; --r-lg: 12px; --r-pill: 999px;

  /* Shadow */
  --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.5);

  /* Transition */
  --t-fast: 120ms ease-out;
  --t-med: 220ms ease-out;

  /* Font weights — escala única (sin 300/light: hilo fino sobre fondo negro) */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Easing tokens — personalidad de movimiento unificada */
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}