@layer base;
:root{
  /* Colores */
  --color-gold: #D4AF37;
  --color-black: #000000;
  --color-ivory: #F5F1E6;
  --ink: #111111;
  --muted: #5B5B5B;

  --danger: #D71616;
  --danger-hover: #B11212;
  --danger-600: #940F0F;
  
  /* Tipografía */
  --font-sans: system-ui, -apple-system, "Segoe UI", Inter, Arial, sans-serif;
  --font-display: Outfit, var(--font-sans);

  /* Escalas */
  --radius-sm: 10px; --radius-md: 12px; --radius-lg: 16px;
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px;

  /* Sombras */
  --shadow-sm: 0 10px 30px rgba(0,0,0,.08);
  --shadow-lg: 0 14px 40px rgba(0,0,0,.12);
}

/* Dark theme opt-in */
html[data-theme="dark"]{
  --color-ivory:#000;
  --ink:#f2f2f2;
  --muted:#b0b0b0;
}