/* Tema de cores — GÁS P20 SP (mesma paleta azul aplicada no projeto irmão Gás P45 SP, por
   preferência explícita do cliente — não é extraída da logo do P20, é reaproveitada por gosto
   visual). Azul-marinho profundo (--color-primary), azul vívido (--color-secondary) e ciano
   (--color-tertiary). */
:root {
    /* ===== Azul-marinho (--color-primary) ===== */
    --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) ===== */
    --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) ===== */
    --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;
}