/* ============================================================
   THEME  ·  tokens de diseño (estilo boho-chic quince)
   Los valores acá son los DEFAULT. app.js los sobreescribe con
   lo que venga en EVENT_CONFIG.theme.
   ============================================================ */

:root {
  /* — color — */
  --color-primary:   #C77B8B;   /* rosa empolvado */
  --color-secondary: #3A2233;   /* berenjena profundo */
  --color-accent:    #C9A66B;   /* dorado */
  --color-bg:        #F4ECE3;   /* crema cálido (secciones claras) */
  --color-surface:   #FFFFFF;
  --color-tint:      #9C8391;   /* mauve (bandas de color) */
  --color-on-tint:   #F7F0EC;   /* texto sobre mauve */
  --color-ink:       #211A1E;   /* botones tipo negro */
  --color-text:      #33262E;
  --color-muted:     #9A8A90;

  --color-on-accent: #2E1E2A;
  --color-line:      color-mix(in srgb, var(--color-accent) 60%, transparent);
  --shadow-soft:     0 18px 50px -22px color-mix(in srgb, var(--color-secondary) 55%, transparent);

  /* — tipografía — */
  --font-script:  'Great Vibes', cursive;   /* nombre y frases románticas */
  --font-heading: 'Cormorant', serif;        /* MIS XV, números, títulos */
  --font-body:    'Jost', sans-serif;         /* párrafos, etiquetas, botones */

  /* escala de tipo */
  --step--1: clamp(0.72rem, 0.68rem + 0.2vw, 0.82rem);
  --step-0:  clamp(1rem, 0.95rem + 0.25vw, 1.12rem);
  --step-1:  clamp(1.2rem, 1.05rem + 0.7vw, 1.5rem);
  --step-2:  clamp(1.7rem, 1.4rem + 1.4vw, 2.4rem);
  --step-script: clamp(3.4rem, 1.5rem + 16vw, 6.5rem);
  --step-hero:   clamp(2.6rem, 1.4rem + 10vw, 4.5rem);

  /* — layout — */
  --container: 32rem;
  --gutter: clamp(1.25rem, 5vw, 2.5rem);
  --radius: 16px;
  --radius-sm: 10px;

  /* — decoración floral por temática (inyecta app.js) — */
  --floral: none;
  --bg-portada: none;

  /* — motion — */
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}