/* Tema de cores — GÁS AMÉRICA E ÁGUA (paleta oficial extraída da logo)
   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);
}