/* Tema de cores — GG GÁS E ÁGUA (reaproveitado da paleta do Gás América e Água,
   por pedido do cliente — Azul-marinho para água, Âmbar para o gás/calor)
   Azul-marinho #003876 / Âmbar #FFB800 */
:root {
    --color-primary: #003876;
    --color-primary-50: #E6EDF5;
    --color-primary-100: #CCDBEB;
    --color-primary-200: #99B7D6;
    --color-primary-300: #6693C2;
    --color-primary-400: #3370AD;
    --color-primary-500: #003876;
    --color-primary-600: #002D5E;
    --color-primary-700: #002247;
    --color-primary-800: #00172F;
    --color-primary-900: #000B18;
    --color-primary-rgb: 0, 56, 118;

    --color-secondary: #FFB800;
    --color-secondary-50: #FFF8E6;
    --color-secondary-100: #FFF1CC;
    --color-secondary-200: #FFE399;
    --color-secondary-300: #FFD466;
    --color-secondary-400: #FFC633;
    --color-secondary-500: #FFB800;
    --color-secondary-600: #CC9300;
    --color-secondary-700: #996E00;
    --color-secondary-800: #664A00;
    --color-secondary-900: #332500;
    --color-secondary-rgb: 255, 184, 0;

    --color-tertiary: #FFB800;
    --color-tertiary-500: #FFB800;
    --color-tertiary-rgb: 255, 184, 0;

    --gradient-primary: linear-gradient(to right, #003876, #FFB800);

    /* Acento "água" — usado com moderação (glows, hairline, stats) para dar à água sua
       própria identidade visual em vez de reaproveitar o navy pra tudo. */
    --color-aqua: #22D3EE;
    --color-aqua-rgb: 34, 211, 238;

    /* Navy quase-preto — fundo das seções escuras "premium" (faixa de números, footer). */
    --color-ink: #050B14;
    --color-ink-rgb: 5, 11, 20;
}