/* =============================================================================
   TOKENS.CSS — Variables de diseño globales de Alikriss
   Fuente de verdad para colores, tipografía y espaciado.
   NO editar otros archivos CSS para cambiar colores — siempre aquí.
   Datos de marca: data/site.json → "colors" y "fonts"
============================================================================= */

:root {
  /* ── Paleta de marca ───────────────────────────────────────────────────── */
  --gold:        #E6BB4F;
  --gold-dark:   #C99A2E;
  --gold-light:  #F5D780;
  --gold-pale:   #FDF3D8;
  --black:       #1A0A04;
  --deep:        #282828;
  --red:         #B8001E;
  --cream:       #FFFBF3;
  --warm:        #FFF6E3;
  --off:         #F5EDD8;
  --text:        #2C1A0E;
  --muted:       #7A6348;
  --light-muted: #BBA88A;

  /* ── Tipografía ────────────────────────────────────────────────────────── */
  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body:    'Nunito', system-ui, sans-serif;

  /* ── Espaciado base ────────────────────────────────────────────────────── */
  --section-pad: 6rem 5vw;
  --inner-max:   1240px;
  --gap-grid:    1.5rem;

  /* ── Bordes y radios ───────────────────────────────────────────────────── */
  --radius-card: 1.25rem;
  --radius-pill: 3rem;

  /* ── Sombras ───────────────────────────────────────────────────────────── */
  --shadow-card:    0 4px 24px rgba(0,0,0,0.07);
  --shadow-hover:   0 20px 50px rgba(0,0,0,0.11);
  --shadow-gold:    0 4px 24px rgba(230,187,79,0.45);
  --shadow-gold-lg: 0 10px 32px rgba(230,187,79,0.55);

  /* ── Transiciones ──────────────────────────────────────────────────────── */
  --transition-base: 0.25s ease;
  --transition-card: 0.3s ease;
  --transition-flip: 0.75s cubic-bezier(0.34, 1.56, 0.64, 1);
}