/* Kirina Maoly Alba — Tokens de diseño
   Fuente: docs/design-system/KIRINA_DESIGN_SYSTEM.md (sección 13) */

:root {
  /* ── Marca ── */
  --color-primary:        #B04A6A;
  --color-primary-strong: #93395A;
  --color-primary-soft:   #E7A9B8;
  --color-blush:          #F6E3E6;
  --color-mist:           #FBEFF1;

  /* ── Neutros ── */
  --color-noir:   #151012;
  --color-ink:    #1E1517;
  --color-cocoa:  #5E5052;
  --color-taupe:  #8C7A7D;
  --color-line:   #EADFDB;
  --color-ivory:  #FBF7F3;
  --color-white:  #FFFFFF;

  /* ── Acento ── */
  --color-gold:        #C9A46A;
  --color-gold-strong: #A88452;

  /* ── Temporada ── */
  --season-wine:    #6E1A2B;
  --season-crimson: #A3202F;
  --season-candle:  #E89B4C;

  /* ── Estados ── */
  --color-success: #2F7D5B;
  --color-warning: #B7791F;
  --color-error:   #B3261E;
  --color-info:    #3A6EA5;

  /* ── Tipografía ── */
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body:    "Jost", "Helvetica Neue", Arial, sans-serif;
  --font-script:  "Pinyon Script", cursive;

  --fs-display: clamp(2.75rem, 1.9rem + 3.6vw, 4.75rem);   /* 44 → 76 */
  --fs-h1:      clamp(2.375rem, 1.7rem + 2.8vw, 3.75rem);  /* 38 → 60 */
  --fs-h2:      clamp(2rem, 1.6rem + 1.8vw, 2.875rem);     /* 32 → 46 */
  --fs-h3:      clamp(1.5625rem, 1.4rem + 0.6vw, 1.875rem);/* 25 → 30 */
  --fs-h4:      clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem); /* 18 → 20 */
  --fs-lead:    clamp(1.125rem, 1.08rem + 0.2vw, 1.25rem); /* 18 → 20 */
  --fs-body:    clamp(1rem, 0.98rem + 0.1vw, 1.0625rem);   /* 16 → 17 */
  --fs-small:   0.875rem;                                  /* 14 */
  --fs-overline:0.75rem;                                   /* 12 */

  --lh-tight: 1.05;
  --lh-heading: 1.15;
  --lh-body: 1.7;
  --ls-overline: 0.2em;

  /* ── Espaciado ── */
  --space-1: 0.25rem;  --space-2: 0.5rem;  --space-3: 0.75rem;
  --space-4: 1rem;     --space-5: 1.5rem;  --space-6: 2rem;
  --space-7: 3rem;     --space-8: 4rem;    --space-9: 6rem;
  --space-10: 8rem;
  --section-y: clamp(4.5rem, 3rem + 6vw, 8rem);
  --container: 1240px;
  --container-text: 720px;
  --gutter: clamp(1rem, 0.6rem + 1.6vw, 1.5rem);

  /* ── Radios ── */
  --radius-sm: 8px;  --radius-md: 14px;  --radius-lg: 20px;
  --radius-xl: 32px; --radius-pill: 999px;

  /* ── Sombras ── */
  --shadow-sm:   0 1px 2px rgba(30,21,23,.06);
  --shadow-md:   0 10px 30px -12px rgba(30,21,23,.14);
  --shadow-lg:   0 28px 60px -20px rgba(30,21,23,.22);
  --shadow-glow: 0 12px 32px -10px rgba(176,74,106,.45);

  /* ── Degradados ── */
  --grad-cta:    linear-gradient(135deg, #B04A6A 0%, #93395A 100%);
  --grad-hero:   linear-gradient(100deg, #F6E3E6 0%, #FBF7F3 55%, rgba(251,247,243,0) 100%);
  --grad-noir:   linear-gradient(180deg, #151012 0%, #231A1C 100%);
  --grad-season: radial-gradient(120% 120% at 80% 50%, #A3202F 0%, #6E1A2B 45%, #151012 100%);
  --grad-gold-line: linear-gradient(90deg, transparent, #C9A46A, transparent);

  /* ── Movimiento ── */
  --dur-fast: 150ms; --dur-base: 250ms; --dur-slow: 450ms; --dur-reveal: 800ms;
  --ease-out: cubic-bezier(.22, 1, .36, 1);

  /* ── Capas ── */
  --z-header: 100; --z-float: 200; --z-modal: 300;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}