/* =====================================================================
   Agendum · Design tokens — paleta "Alta cosmética" (v2, 2026-07-07)
   Decisión del founder: evolución premium de la paleta original —
   neutros más profundos, terracota saturado, escala tipográfica contenida.
   Fuente de verdad visual: docs/design-system/sales-landing.html (CONGELADA v2).
   Toda vista importa este archivo (RULE-VIEW-01) y usa variables —
   prohibido hardcodear hex fuera de acá (RULE-VIEW-02).
   ===================================================================== */

:root {
    /* ---- Paleta consolidada ---- */
    --cream:        #F6EFE4;   /* base crema, más profunda que la v1 */
    --surface:      #FDFAF4;   /* superficie elevada clara */
    --surface-dark: #150F0B;   /* marrón-negro cálido de secciones oscuras */
    --nude:         #F0DCC8;   /* terracota muy claro (accent-soft) */
    --nude-line:    #E2D2BD;   /* borde cálido */
    --rose:         #DE7A52;   /* terracota saturado (accent) */
    --rose-deep:    #B04A20;   /* terracota profundo, legible para texto/acentos */
    --accent:       #DE7A52;
    --accent-hover: #C9663F;
    --accent-soft:  #F0DCC8;
    --text:         #1A130D;
    --body:         #45392E;
    --muted:        #857664;
    --cta:          #C4552A;   /* botón primario terracota intenso */
    --cta-hover:    #A94619;
    --on-cta:       #FDF6EC;   /* texto sobre --cta (claro: el CTA ahora es oscuro) */
    --on-dark:      #EDDFCC;   /* cuerpo sobre fondo oscuro */
    --on-dark-mut:  #A6957F;   /* muted sobre fondo oscuro */

    /* ---- Derivados ---- */
    --white:          #FFFFFF;                       /* knobs de toggles, blancos puros en mockups */
    --grid-line:      #EBDDC8;                       /* líneas de grilla en vistas de agenda */
    --paper-alt:      #F0E5D2;                       /* bloque neutro alternativo en agenda */
    --nav-veil:       rgba(246, 239, 228, 0.85);     /* nav sticky con blur (cream 85%) */
    --rose-deep-veil: rgba(176, 74, 32, 0.5);        /* subrayados de links en fondo oscuro */

    /* ---- Sombras ---- */
    --shadow-nav:    0 2px 10px rgba(26, 19, 13, 0.07);
    --shadow-card:   0 8px 30px rgba(26, 19, 13, 0.1);
    --shadow-frame:  0 12px 40px rgba(26, 19, 13, 0.09);
    --shadow-phone:  0 14px 44px rgba(26, 19, 13, 0.17);
    --shadow-accent: 0 6px 24px rgba(196, 85, 42, 0.24);

    /* ---- Tipografía ---- */
    --font-serif: 'Fraunces', Georgia, serif;        /* H1-H3, editorial. Pesos 400/500/600 */
    --font-sans:  'DM Sans', system-ui, sans-serif;  /* cuerpo, UI, botones. Pesos 400/500 */

    /* Escala tipográfica contenida (v2) */
    --fs-hero:    clamp(34px, 6.6vw, 56px);
    --fs-h2:      clamp(28px, 4.6vw, 40px);
    --fs-h3:      22px;
    --fs-price:   clamp(36px, 5.2vw, 46px);
    --fs-body:    17px;
    --fs-eyebrow: 12px;
    --lh-hero:    1.1;
    --lh-h2:      1.1;
    --lh-body:    1.6;
    --ls-tight:   -0.01em;
    --ls-eyebrow: 0.14em;

    /* ---- Radios ---- */
    --r-btn:    7px;
    --r-card:   10px;
    --r-mockup: 12px;
    --r-pill:   100px;

    /* ---- Espaciado de secciones (densidad v2: ~25% más apretado) ---- */
    --sec-pad-y: clamp(48px, 7.5vw, 72px);
    --sec-pad-x: clamp(22px, 6vw, 64px);
    --wrap-max:  1120px;
}