/* ============================================================
   TOKENS — Sistema de diseño Morell Corp
   Este archivo define los valores base del sitio (colores,
   tipografía, espaciado, movimiento). No aplica estilos a
   ningún elemento: solo declara las variables.
   Se carga ANTES de estilos.css en todas las páginas.
   ============================================================ */

:root {
  /* Colores */
  --color-bg-dark: #0F0F11;
  --color-bg-light: #F7F4EF;
  --color-accent-gold: #C2A36B;
  --color-accent-gold-hover: #D4B885;
  --color-text-on-dark: #F5F3EF;
  --color-text-on-dark-muted: #C9C6C0;
  --color-text-on-light: #1A1A1A;
  --color-text-on-light-muted: #6B6B68;
  --color-border-dark: rgba(255,255,255,.12);
  --color-border-light: rgba(0,0,0,.10);

  /* Tipografía */
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Montserrat', system-ui, sans-serif;
  --text-hero: clamp(3rem, 6vw, 6rem);
  --text-h1: clamp(2.5rem, 5vw, 4rem);
  --text-h2: clamp(1.75rem, 3vw, 2.5rem);
  --text-h3: 1.5rem;
  --text-h4: 1.125rem;
  --text-body: 1rem;
  --text-small: 0.875rem;
  --text-label: 0.75rem;
  --leading-tight: 1.1;
  --leading-body: 1.65;
  --tracking-label: 0.15em;

  /* Espaciado */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4rem;
  --space-7: 6rem;
  --space-8: 8rem;

  /* Layout */
  --container-max: 1280px;
  --container-padding: clamp(1.5rem, 5vw, 4rem);

  /* Movimiento */
  --transition-fast: 200ms ease;
  --transition-medium: 400ms ease;
  --transition-slow: 800ms ease;

  /* Forma */
  --radius: 0px;
}