/* Destio — tokens de diseño «Buganvilla · suave» (EVO-09).
   Base blanca y negra, acento buganvilla escaso. Sin azul. */
:root {
    /* Color · base */
    --d-bg: #FFFFFF;
    --d-ink: #0A0A0A;
    --d-ink2: #5C5C5C;
    --d-ink3: #A3A3A3;
    --d-ln: #E5E5E5;
    --d-alt: #FCF6F8;

    /* Color · acento buganvilla */
    --d-ac: #C2185B;
    --d-ach: #A3144C;
    --d-acp: #85103E;
    --d-acs: #FCE8F0;
    --d-oac: #FFFFFF;
    --d-chon-fg: #85103E;

    /* Color · estados */
    --d-ok: #2E6B3F;
    --d-okb: #EAF3EC;
    --d-er: #C4161C;
    --d-erb: #FDECEC;
    --d-wa: #7A5200;
    --d-wab: #FBF3DC;

    /* Scrim funcional sobre fotos (único degradado permitido) */
    --d-scrim: linear-gradient(180deg, rgba(10,10,10,0) 35%, rgba(10,10,10,.68) 100%);

    /* Tipografía */
    --d-ff-head: "Fraunces", Georgia, serif;
    --d-ff-ui: "Switzer", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --d-fs-12: 12px;
    --d-fs-14: 14px;
    --d-fs-16: 16px;
    --d-fs-18: 18px;
    --d-fs-22: 22px;
    --d-fs-28: 28px;
    --d-fs-40: 40px;
    --d-fs-56: 56px;
    --d-fs-80: 80px;
    --d-lh-head: 1.05;
    --d-lh-body: 1.5;
    --d-track-label: .14em;

    /* Espaciado (base 4) */
    --d-sp-1: 4px;
    --d-sp-2: 8px;
    --d-sp-3: 12px;
    --d-sp-4: 16px;
    --d-sp-5: 24px;
    --d-sp-6: 40px;
    --d-sp-7: 64px;
    --d-sp-8: 96px;
    --d-sp-9: 128px;
    --d-gutter: 16px;
    --d-maxw: 1280px;
    --d-section-gap: 64px;

    /* Radios */
    --d-rc: 12px;
    --d-rk: 18px;
    --d-rs: 999px;
    --d-rb: 28px;

    /* Sombras (solo buscador, tarjeta de reserva sticky y bottom sheet) */
    --d-shadow-card: 0 1px 2px rgba(10,10,10,.06), 0 8px 24px -12px rgba(10,10,10,.18);
    --d-shadow-sheet: 0 -8px 32px -12px rgba(10,10,10,.24);

    /* z-index */
    --d-z-base: 1;
    --d-z-sticky: 20;
    --d-z-header: 30;
    --d-z-panel: 40;
    --d-z-sheet: 50;
    --d-z-modal: 60;

    /* Movimiento */
    --d-dur-fast: .15s;
    --d-dur-base: .25s;
    --d-ease: cubic-bezier(.2, .7, .2, 1);

    /* Objetivo táctil mínimo */
    --d-tap: 44px;

    /* ---- Alias heredados (--md-*) para pantallas no rediseñadas
       (AltaProveedor, SolicitudGrupo). No usar en código nuevo. ---- */
    --md-primary: var(--d-ac);
    --md-primary-dark: var(--d-ach);
    --md-secondary: var(--d-ink);
    --md-secondary-dark: var(--d-ink);
    --md-sand: var(--d-alt);
    --md-sand-dark: var(--d-ln);
    --md-text: var(--d-ink);
    --md-text-muted: var(--d-ink2);
    --md-border: var(--d-ln);
    --md-border-strong: var(--d-ink3);
    --md-white: var(--d-bg);
    --color-feedback-success: var(--d-ok);
    --color-feedback-warning: var(--d-wa);
    --color-feedback-danger: var(--d-er);
    --color-feedback-info: var(--d-ink);
    --md-radius: var(--d-rc);
    --md-radius-sm: 8px;
    --md-radius-lg: var(--d-rk);
    --md-radius-pill: var(--d-rs);
    --md-shadow: var(--d-shadow-card);
    --shadow-sm: none;
    --shadow-md: var(--d-shadow-card);
    --shadow-lg: var(--d-shadow-card);
    --shadow-overlay: var(--d-shadow-sheet);
    --accent-bar: none;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;
    --transition-fast: var(--d-dur-fast) ease-in-out;
    --transition-base: var(--d-dur-base) ease-in-out;
    --font-brand: var(--d-ff-head);
    --font-ui: var(--d-ff-ui);
}

@media (min-width: 768px) {
    :root {
        --d-gutter: 40px;
    }
}

@media (min-width: 1280px) {
    :root {
        --d-gutter: 80px;
        --d-section-gap: 112px;
    }
}