/* ============================================================
   TICO PLUNGE · DESIGN TOKENS
   Single source of truth. Every color, space, type size, radius,
   shadow and easing curve lives here. Pages and components consume
   these variables — they never hardcode values.

   Before this refactor each of the 6 pages declared its own :root
   block with slightly different values (3 distinct shadow defs,
   missing --deep on some pages, etc.). Consolidating them here is
   the biggest single win for visual consistency.
   ============================================================ */

:root {
  /* ---- Brand palette (alineada 1:1 con el home: papel cálido + borgoña) ----
     FIX identidad visual: estas variables tenían una paleta genérica
     (blanco puro + azul #0071E3) que hacía que el flujo de reservas se
     sintiera "otra página". Ahora consumen la misma identidad del home. */
  --ink:        #1D1D1B;   /* brand black (igual que --tp-ink del home)   */
  --ink-soft:   #55534E;   /* gris cálido secundario                      */
  --ice:        #94352A;   /* borgoña / ember — acento primario del home  */
  --ice-light:  #A8443A;   /* variante hover                              */
  --deep:       #4A1D1D;   /* borgoña profundo (igual que el home)        */
  --paper:      #F5F2EB;   /* papel cálido — fondo primario del home      */
  --paper-warm: #EDE9DF;   /* panel tenue                                 */
  --cream:      #E3DCCB;   /* crema de marca                              */
  --rust:       #94352A;   /* alias del acento                            */

  /* ---- Functional colors ---- */
  --green:      #2E7D32;   /* éxito (armonizado con paleta cálida)        */
  --red:        #B3261E;   /* error                                       */
  --amber:      #B26A00;   /* advertencia                                 */

  /* ---- Lines & borders (tinte cálido, como el home) ---- */
  --line:        rgba(29, 29, 27, 0.08);
  --line-strong: rgba(29, 29, 27, 0.18);

  /* ---- Elevation (sombras cálidas borgoña, iguales al home) ---- */
  --shadow-sm:     0 1px 2px rgba(74, 29, 29, 0.06);
  --shadow-md:     0 4px 16px -6px rgba(74, 29, 29, 0.14);
  --shadow-lg:     0 14px 40px -12px rgba(74, 29, 29, 0.22);
  --shadow-xl:     0 30px 80px -20px rgba(74, 29, 29, 0.40);

  /* ---- Surface tints on dark ---- */
  --on-dark-line:  rgba(245, 242, 235, 0.14);
  --on-dark-soft:  rgba(245, 242, 235, 0.06);

  /* ---- Back-compat shadow aliases ----
     The legacy pages referenced --shadow / --shadow-strong / --shadow-soft
     (each page defined its own, with drifting values). Mapped here to the
     unified scale so existing references resolve to one consistent elevation. */
  --shadow:        var(--shadow-lg);
  --shadow-strong: var(--shadow-lg);
  --shadow-soft:   var(--shadow-sm);

  /* ---- Typography ---- */
  --font-display: 'The Seasons', 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-body:    'Exo 2', system-ui, -apple-system, sans-serif;

  /* Fluid type scale — Apple-like: LARGE and generous */
  --fs-eyebrow: 0.75rem;                              /* 12px (small)      */
  --fs-sm:      0.9375rem;                            /* 15px              */
  --fs-body:    1.125rem;                             /* 18px (bigger!)    */
  --fs-lead:    clamp(1.25rem, 1.1rem + 1vw, 1.5rem);
  --fs-h3:      clamp(1.5rem, 1.2rem + 1.5vw, 2.125rem);
  --fs-h2:      clamp(2.75rem, 2rem + 3.5vw, 4rem);
  --fs-h1:      clamp(3.25rem, 2.2rem + 5.5vw, 5.5rem);

  --lh-tight:   1.1;
  --lh-snug:    1.25;
  --lh-base:    1.7;

  /* ---- Spacing scale (Apple: VERY generous) ---- */
  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2.5rem;
  --space-7:  4rem;
  --space-8:  6rem;
  --space-9:  8rem;
  --space-10: 12rem;

  /* Section rhythm + page gutters (Apple: lots of air) */
  --section-y:  clamp(6rem, 3rem + 10vw, 14rem);
  --gutter:     5vw;
  --maxw:       1400px;
  --maxw-text:  800px;

  /* ---- Radii ---- */
  --r-sm:    8px;
  --r-md:    16px;
  --r-lg:    24px;
  --r-xl:    32px;
  --r-pill:  100px;
  --r-round: 50%;

  /* ---- Motion (Emil's stronger custom curves — built-ins are too weak) ---- */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);    /* UI enter / response */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);   /* on-screen movement  */
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);    /* iOS-like drawer      */
  --ease-soft:   cubic-bezier(0.22, 1, 0.36, 1);    /* gentle reveals       */

  /* Durations — UI animations stay snappy (<300ms) */
  --dur-press:   140ms;   /* button press feedback   */
  --dur-fast:    180ms;   /* tooltips, small popovers */
  --dur-base:    220ms;   /* dropdowns, hovers        */
  --dur-slow:    320ms;   /* modals, drawers          */
  --dur-reveal:  720ms;   /* scroll reveals (gentle)  */

  /* ---- Layout ---- */
  --nav-h: 72px;
  --z-nav: 100;
  --z-float: 99;
  --z-modal: 1000;
}