:root {
    /* ========================
       CORES BASE
    ========================= */
    --white: #ffffff;
    --black: #000000;
    --darkgray: #30302e;
    --azulgov: #004f9f;
    --text-hover: #0b5eac;
    --txt_a: #003d75;
    --bs-accordion-active-bg: #f7f7f7;

    /* ========================
       CORES PRINCIPAIS
    ========================= */
    --primary: #004f9f;
    --secondary: #007F31;
    --tertiary: #FFD500;

    /* Brand Skyline */
    --color-brand-skyline: #004F9F;
    --color-brand-skyline-0: #223069;
    --color-brand-skyline-1: #222359;

    /* Brand Forest */
    --color-brand-forest: #009D3D;
    --color-brand-forest-0: #00622F;
    --color-brand-forest-1: #007D37;

    /* Brand Golden */
    --color-brand-golden: #FFD500;
    --color-brand-golden-0: #FDC400;
    --color-brand-golden-1: #F59C00;

    /* Gradientes */
    --primary-gradient: linear-gradient(90deg, #004F9F 0%, #223069 50%, #222359 100%);
    --secondary-gradient: linear-gradient(90deg, #009D3D 0%, #007D37 50%, #00622F 100%);
    --tertiary-gradient: linear-gradient(90deg, #FFD500 0%, #FDC400 50%, #F59C00 100%);

    /* ========================
       CORES POR TEMA
    ========================= */
    /* Primary */
    --color-primary-100: #E6EDF5;
    --color-primary-200: #CCDCEC;
    --color-primary-300: #99B9D9;
    --color-primary-400: #6695C5;
    --color-primary-500: #3372B2;
    --color-primary-600: #004F9F;
    --color-primary-700: #003F7F;
    --color-primary-800: #002F5F;
    --color-primary-900: #002040;
    --color-primary-1000: #001020;

    /* Secondary */
    --color-secondary-100: #CCEDD8;
    --color-secondary-200: #99DAB1;
    --color-secondary-300: #66C68A;
    --color-secondary-400: #33B264;
    --color-secondary-500: #009D3D;
    --color-secondary-600: #007F31;
    --color-secondary-700: #006024;
    --color-secondary-800: #004118;
    --color-secondary-900: #00210C;

    /* Tertiary */
    --color-tertiary-100: #FFF8CC;
    --color-tertiary-200: #FFF099;
    --color-tertiary-300: #FFE866;
    --color-tertiary-400: #FFD533;
    --color-tertiary-500: #FFD500;
    --color-tertiary-600: #CCAC00;
    --color-tertiary-700: #998200;
    --color-tertiary-800: #665700;
    --color-tertiary-900: #332C00;

    /* Neutral */
    --color-neutral-0: #FFFFFF;
    --color-neutral-100: #F9F9F9;
    --color-neutral-200: #D5D5D5;
    --color-neutral-300: #B2B2B2;
    --color-neutral-400: #8E8E8E;
    --color-neutral-500: #8E8E8D;
    --color-neutral-600: #7B7B7A;
    --color-neutral-700: #686867;
    --color-neutral-800: #565654;
    --color-neutral-900: #30302E;
    --color-neutral-1000: #1D1D1B;
    --color-neutral-1100: #000000;

    /* Green */
    --color-green-100: #EAF6ED;
    --color-green-200: #D4EDDB;
    --color-green-300: #A9DBB7;
    --color-green-400: #7EC894;
    --color-green-500: #53B670;
    --color-green-600: #28A44C;
    --color-green-700: #20833D;
    --color-green-800: #18622E;
    --color-green-900: #10421E;
    --color-green-1000: #08210F;

    /* Blue */
    --color-blue-100: #E6F5FF;
    --color-blue-200: #CDEBFF;
    --color-blue-300: #9CD7FF;
    --color-blue-400: #6AC2FF;
    --color-blue-500: #39AEFF;
    --color-blue-600: #0D99F7;
    --color-blue-700: #067BCC;
    --color-blue-800: #045C99;
    --color-blue-900: #033E66;
    --color-blue-1000: #021F33;

    /* Yellow */
    --color-yellow-100: #FFF7DC;
    --color-yellow-200: #FEEAA6;
    --color-yellow-300: #FDDC69;
    --color-yellow-400: #FBD120;
    --color-yellow-500: #FAC500;
    --color-yellow-600: #F9BB00;
    --color-yellow-700: #FBAC00;
    --color-yellow-800: #FD9800;
    --color-yellow-900: #FF8600;
    --color-yellow-1000: #FF6200;

    /* Red */
    --color-red-100: #FBE9EA;
    --color-red-200: #F6D3D5;
    --color-red-300: #EDA8AB;
    --color-red-400: #BD5458;
    --color-red-500: #C83D42;
    --color-red-600: #DA1E28;
    --color-red-700: #A91E23;
    --color-red-800: #7F161A;
    --color-red-900: #540F12;
    --color-red-1000: #2A0709;

    /* Orange */
    --color-orange-100: #FFF3EA;
    --color-orange-200: #FFE6D5;
    --color-orange-300: #FFCDAA;
    --color-orange-400: #FFB580;
    --color-orange-500: #FF9C55;
    --color-orange-600: #FF832B;
    --color-orange-700: #CC6922;
    --color-orange-800: #994F1A;
    --color-orange-900: #663411;
    --color-orange-1000: #331A09;

    /* Purple */
    --color-purple-100: #C6A0F9;
    --color-purple-200: #B88AF6;
    --color-purple-300: #AA73F3;
    --color-purple-400: #9C5DF0;
    --color-purple-500: #8E48EC;
    --color-purple-600: #7C3ED0;
    --color-purple-700: #6A34B4;
    --color-purple-800: #582A97;
    --color-purple-900: #472179;

    /* ========================
       TIPOGRAFIA
    ========================= */
    --font-heading: "Avenir Next LT Pro", sans-serif;
    --font-body: "Open Sans", sans-serif;

    --font-size-8: 8px;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-32: 32px;
    --font-size-40: 40px;
    --font-size-48: 48px;
    --font-size-56: 56px;
    --font-size-64: 64px;

    --font-lineheight-12: 12px;
    --font-lineheight-14: 14px;
    --font-lineheight-16: 16px;
    --font-lineheight-18: 18px;
    --font-lineheight-20: 20px;
    --font-lineheight-24: 24px;
    --font-lineheight-28: 28px;
    --font-lineheight-32: 32px;
    --font-lineheight-40: 40px;
    --font-lineheight-48: 48px;
    --font-lineheight-64: 64px;

    /* ========================
       ESPAÇAMENTOS
    ========================= */
    --spacing-0: 0px;
    --spacing-1: 1px;
    --spacing-2: 2px;
    --spacing-4: 4px;
    --spacing-8: 8px;
    --spacing-12: 12px;
    --spacing-16: 16px;
    --spacing-20: 20px;
    --spacing-24: 24px;
    --spacing-32: 32px;
    --spacing-40: 40px;
    --spacing-48: 48px;
    --spacing-56: 56px;
    --spacing-64: 64px;
    --spacing-72: 72px;
    --spacing-80: 80px;
    --spacing-88: 88px;
    --spacing-96: 96px;
    --spacing-112: 112px;
    --spacing-120: 120px;
    --spacing-128: 128px;
    --spacing-160: 160px;
    --spacing-256: 256px;
    --spacing-320: 320px;
    --spacing-640: 640px;
    --spacing-720: 720px;
    --spacing-1024: 1024px;
    --spacing-1280: 1280px;
    --spacing-1440: 1440px;

    /* ========================
       OPACIDADE
    ========================= */
    --opacity-0: 0;
    --opacity-5: 0.05;
    --opacity-10: 0.1;
    --opacity-20: 0.2;
    --opacity-25: 0.25;
    --opacity-30: 0.3;
    --opacity-40: 0.4;
    --opacity-50: 0.5;
    --opacity-60: 0.6;
    --opacity-70: 0.7;
    --opacity-75: 0.75;
    --opacity-80: 0.8;
    --opacity-90: 0.9;
    --opacity-100: 1;

    /* ========================
       GRID SYSTEM
    ========================= */
    --grid-desktop-columns: 12;
    --grid-desktop-gap: var(--spacing-32);
    --grid-desktop-col-width: var(--spacing-72);
    --grid-desktop-padding: var(--spacing-112);

    --grid-tablet-columns: 8;
    --grid-tablet-gap: var(--spacing-20);
    --grid-tablet-col-width: 100%;
    --grid-tablet-padding: var(--spacing-48);

    --grid-mobile-columns: 4;
    --grid-mobile-gap: var(--spacing-20);
    --grid-mobile-col-width: 100%;
    --grid-mobile-padding: var(--spacing-12);
  }