/* Tema de cores — GÁS P45 SP (paleta extraída direto da logo real do cliente)
   Azul-marinho profundo (--color-primary) vem do wordmark "Gás" da logo; o azul vívido
   (--color-secondary) vem do corpo do cilindro; o ciano (--color-tertiary) vem do brilho da
   chama. Cores amostradas por pixel da logo.png (não é uma paleta de bandeira genérica) —
   página nasce já combinando com a marca do cliente. */
:root {
    /* ===== Azul-marinho (--color-primary) — vem do wordmark "Gás" da logo ===== */
    --color-primary: #12295C;
    --color-primary-50: #EEF2FA;
    --color-primary-100: #D6E0F2;
    --color-primary-200: #AEC1E5;
    --color-primary-300: #7C9AD1;
    --color-primary-400: #4A6FB5;
    --color-primary-500: #12295C;
    --color-primary-600: #0F2350;
    --color-primary-700: #0C1C40;
    --color-primary-800: #081530;
    --color-primary-900: #050D20;
    --color-primary-rgb: 18, 41, 92;

    /* ===== Azul vívido (--color-secondary) — vem do corpo do cilindro na logo ===== */
    --color-secondary: #0A63D6;
    --color-secondary-50: #E8F1FD;
    --color-secondary-100: #C6DFFA;
    --color-secondary-200: #93C0F5;
    --color-secondary-300: #5A9CEE;
    --color-secondary-400: #2E7BE3;
    --color-secondary-500: #0A63D6;
    --color-secondary-600: #0850AD;
    --color-secondary-700: #063C82;
    --color-secondary-800: #052E63;
    --color-secondary-900: #032045;
    --color-secondary-rgb: 10, 99, 214;

    /* ===== Ciano (--color-tertiary) — vem do brilho da chama na logo ===== */
    --color-tertiary: #29CBFF;
    --color-tertiary-500: #29CBFF;
    --color-tertiary-rgb: 41, 203, 255;

    --gradient-primary: linear-gradient(to right, #12295C, #0A63D6);

    /* ===== Tokens exclusivos do redesign (fora do contrato lp-*, usados pelas classes p20-*) === */
    --p20-ink: #0A1330;
    --p20-ink-rgb: 10, 19, 48;
    --p20-panel: #101D42;
    --p20-paper: #F2F4F8;
    --p20-paper-rgb: 242, 244, 248;
    --p20-steel: #5678A8;
    --p20-mist: #A8C2E0;
    --p20-hairline: rgba(10, 99, 214, .35);

    --font-display: 'Big Shoulders Display', 'Sora', sans-serif;
    --font-body: 'IBM Plex Sans', 'Inter', sans-serif;
    --font-mono: 'IBM Plex Mono', 'Courier New', monospace;
}