/**
 * Design tokens — single source for landing UI.
 * Overridden from base template via branding (core.branding).
 * No blue; no white buttons. High-conversion palette.
 */

:root {
    /* Typography — Poppins body + display serif for hero */
    --font-primary: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-secondary: 'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;

    /* Nombre de marca junto al logo (navbar + footer) — misma escala y serif */
    --brand-wordmark-size: clamp(1.05rem, 2.4vw, 1.35rem);
    --brand-wordmark-size-sm: clamp(0.95rem, 3.5vw, 1.15rem);
    --brand-wordmark-weight: 600;
    --brand-wordmark-tracking: -0.02em;
    --brand-wordmark-lh: 1.12;

    --color-primary: #0d9488;
    --color-primary-hover: #0f766e;
    --color-secondary: #8B6E5E;
    --color-secondary-hover: #7A5F52;
    --text-primary: #1c1917;
    --text-secondary: #78716c;
    --background: #FFFBF9;
    --surface: #F5EFE9;
    --footer-background: #504039;
    --success-color: #059669;
    --error-color: #dc2626;

    /* Spacing */
    --spacing-base: 0.5rem;
    --spacing-xs: calc(var(--spacing-base) * 1);
    --spacing-sm: calc(var(--spacing-base) * 2);
    --spacing-md: calc(var(--spacing-base) * 4);
    --spacing-lg: calc(var(--spacing-base) * 6);
    --spacing-xl: calc(var(--spacing-base) * 8);
    --spacing-2xl: calc(var(--spacing-base) * 10);

    /* Borders & shadows */
    --border-radius-base: 10px;
    --shadow-base: 0 2px 12px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);

    /* Container — max width for navbar, footer, all landing sections */
    --container-max-width: 1100px;

    /* Hero — mismo fondo que la landing (--background); franja melocotón sigue en .landing-hero__stripe */
    --hero-section-bg: #FFFBF9;
    --hero-stripe-bg: #fde6d8;
    --hero-title-color: #4a3b33;
}