/* ==========================================================
 * Landing Page Configuration — Paleta "Caja Fuerte" (corporativo)
 * Verde Pino + Oro Latón sobre neutros porcelana.
 * Cambia estas variables para personalizar la landing en un solo lugar.
 * ========================================================== */
:root {
    /* ---- Brand Colors ---- */
    --lp-primary: #0E3B30;          /* Verde Pino — marca, nav, secciones oscuras */
    --lp-primary-light: #17694F;    /* Verde medio — hover y degradados */
    --lp-primary-dark: #0A2C24;     /* Verde más profundo */
    --lp-primary-glow: rgba(14, 59, 48, 0.30);
    --lp-secondary: #C6A24E;        /* Oro Latón — acento, degradados marca */
    --lp-secondary-light: #D9BC7A;  /* Champán */
    --lp-accent: #12876E;           /* Verde Esmeralda */

    /* ---- Signature accents ---- */
    --lp-gold: #C6A24E;             /* Oro Latón (CTA / acción) */
    --lp-gold-dark: #AD8A3B;
    --lp-gold-soft: #D4B36A;
    --lp-gold-tint: #E7D8A6;        /* oro claro para texto sobre fondos oscuros */
    --lp-gold-glow: rgba(198, 162, 78, 0.38);
    --lp-gold-ink: #16211D;         /* texto sobre botones de oro */
    --lp-emerald: #12876E;
    --lp-success: #1F9D66;

    /* ---- Neutral Palette (porcelana fría) ---- */
    --lp-white: #FFFFFF;
    --lp-off-white: #F4F6F5;        /* Porcelana */
    --lp-gray-50: #EEF2F0;
    --lp-gray-100: #E1E7E4;
    --lp-gray-200: #C9D2CE;
    --lp-gray-400: #8B968F;
    --lp-gray-500: #66716B;
    --lp-gray-600: #4A544E;
    --lp-gray-700: #333B37;
    --lp-gray-800: #1F2723;
    --lp-gray-900: #16211D;         /* Verde Carbón — texto y secciones oscuras */
    --lp-black: #0B120F;

    /* ---- Typography ---- */
    --lp-font-heading: 'Manrope', sans-serif;
    --lp-font-body: 'IBM Plex Sans', sans-serif;
    --lp-font-mono: 'IBM Plex Mono', monospace;

    /* ---- Spacing Scale ---- */
    --lp-section-py: 6rem;
    --lp-section-py-mobile: 3.5rem;

    /* ---- Border Radius ---- */
    --lp-radius-sm: 8px;
    --lp-radius-md: 12px;
    --lp-radius-lg: 20px;
    --lp-radius-xl: 28px;
    --lp-radius-full: 9999px;

    /* ---- Shadows ---- */
    --lp-shadow-sm: 0 1px 3px rgba(11,18,15,0.06);
    --lp-shadow-md: 0 4px 16px rgba(11,18,15,0.08);
    --lp-shadow-lg: 0 14px 44px rgba(11,18,15,0.14);
    --lp-shadow-glow: 0 0 60px var(--lp-primary-glow);

    /* ---- Glass Effect ---- */
    --lp-glass-bg: rgba(255,255,255,0.80);
    --lp-glass-border: rgba(14,59,48,0.08);
    --lp-glass-blur: 16px;

    /* ---- Transitions ---- */
    --lp-transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --lp-transition-base: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    --lp-transition-slow: 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}