/* ==========================================================================
   PANCHIA — DESIGN TOKENS
   Paleta de Colores, Tipografías, Sombras y Dimensiones
   ========================================================================== */

:root {
    /* --- Identidad Corporativa Panchia --- */
    --pl-brand-cyan: #3BC3DD;
    --pl-brand-cyan-hover: #50D4EC;
    --pl-brand-cyan-dark: #0099B8;
    --pl-brand-cyan-glow: rgba(59, 195, 221, 0.35);
    --pl-brand-blue: #173B57;
    --pl-brand-blue-deep: #0E2538;
    --pl-brand-ice: #A4DFF0;

    /* --- Hero Oscuro Cinematográfico (Pantalla 1) --- */
    --pl-hero-bg: #080F17;
    --pl-hero-card: #0D1C2B;
    --pl-hero-border: #173B57;
    --pl-hero-text: #FFFFFF;
    --pl-hero-muted: #8EA5B8;

    /* --- Paleta Comercial Clara Premium (Pantallas 2 a 5 y Footer) --- */
    --pl-light-bg: #F4F7FA;              /* Fondo gris perla suave */
    --pl-light-bg-alt: #FFFFFF;          /* Blanco puro alterno */
    --pl-light-surface: #FFFFFF;         /* Superficie de tarjetas */
    --pl-light-surface-subtle: #EEF3F8;  /* Superficies secundarias */
    --pl-light-surface-muted: #E5ECF2;
    --pl-light-text-primary: #1F2F3D;    /* Azul grafito oscuro de alto contraste */
    --pl-light-text-secondary: #586B7D;  /* Grafito medio para subtítulos y descripciones */
    --pl-light-text-muted: #8397A8;      /* Gris azulado para notas y metadatos */
    --pl-light-border: #D9E3EB;          /* Bordes sutiles gris perla */
    --pl-light-border-hover: #3BC3DD;    /* Acento cian en hover */
    --pl-light-shadow-sm: 0 2px 8px rgba(15, 34, 50, 0.05);
    --pl-light-shadow: 0 8px 24px rgba(15, 34, 50, 0.06);
    --pl-light-shadow-lg: 0 16px 36px rgba(15, 34, 50, 0.10);
    --pl-light-shadow-hover: 0 16px 40px rgba(59, 195, 221, 0.16);

    /* --- Tipografía del Sistema de Alta Gama (100% Local) --- */
    --pl-font-hero: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --pl-font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --pl-font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

    /* --- Dimensiones --- */
    --pl-header-h: 68px;
    --pl-container-max: 1320px;
}