/* =========================================================================
   Axios Inteligência Gerencial — Tokens de design
   -------------------------------------------------------------------------
   Todas as cores, tipografia, espaçamentos e sombras do site nascem aqui.
   A paleta foi extraída diretamente do logo da marca.
   ========================================================================= */

:root {

    /* --------------------------------------------------------- Marca */

    --brand-950: #061A3C;   /* azul mais profundo, fundos escuros        */
    --brand-900: #08234F;
    --brand-800: #09306E;   /* wordmark do logo                          */
    --brand-700: #013B90;   /* azul institucional — cor primária         */
    --brand-600: #0952A8;
    --brand-500: #0874D6;   /* azul vivo — ações e destaques             */
    --brand-400: #1188E7;
    --brand-300: #58ABDF;
    --brand-200: #A5D7F3;   /* ciano claro do símbolo                    */
    --brand-100: #D7E1EB;
    --brand-50:  #EBF3F5;   /* fundo do logo                             */

    --accent: #68CDF4;      /* ciano de realce, usado com parcimônia     */

    /* ------------------------------------------------- Neutros (azulados) */

    --ink-900: #0A1628;
    --ink-800: #142440;
    --ink-700: #22344F;
    --ink-600: #36486A;
    --ink-500: #4A5C78;
    --ink-400: #6B7C96;
    --ink-300: #9AA8BE;
    --ink-200: #C3CEDE;

    --line:      #DCE4EF;
    --line-soft: #EBF0F7;
    --surface:   #FFFFFF;
    --canvas:    #F5F8FC;
    --canvas-alt:#EEF3FA;

    /* ------------------------------------------------------- Semânticas */

    --ok:      #0F7A57;
    --ok-bg:   #E6F5EF;
    --ok-line: #BFE3D5;
    --warn:    #9A5B08;
    --warn-bg: #FEF4E4;
    --warn-line:#F6DCB1;
    --err:     #B02A20;
    --err-bg:  #FDECEA;
    --err-line:#F4C8C3;

    /* --------------------------------------------------------- Tipografia */

    --font-display: "Sora", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-body: "Source Sans 3", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --text-xs:   0.75rem;    /* 12px */
    --text-sm:   0.875rem;   /* 14px */
    --text-base: 1rem;       /* 16px */
    --text-md:   1.0625rem;  /* 17px */
    --text-lg:   1.25rem;    /* 20px */
    --text-xl:   1.5rem;     /* 24px */
    --text-2xl:  1.875rem;   /* 30px */
    --text-3xl:  2.375rem;   /* 38px */
    --text-4xl:  3rem;       /* 48px */

    --leading-tight: 1.18;
    --leading-snug:  1.35;
    --leading-body:  1.68;

    /* ---------------------------------------------------------- Espaçamento */

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 2.5rem;
    --space-8: 3.5rem;
    --space-9: 5rem;
    --space-10: 7rem;

    --container: 1160px;
    --container-narrow: 760px;

    /* ------------------------------------------------------------ Formas */

    --radius-sm: 8px;
    --radius:    12px;
    --radius-lg: 18px;
    --radius-xl: 26px;
    --radius-pill: 999px;

    --shadow-xs: 0 1px 2px rgba(10, 22, 40, .05);
    --shadow-sm: 0 2px 8px rgba(10, 22, 40, .06);
    --shadow:    0 8px 24px rgba(10, 22, 40, .08);
    --shadow-md: 0 16px 40px rgba(10, 22, 40, .10);
    --shadow-lg: 0 28px 64px rgba(8, 35, 79, .18);

    --ring: 0 0 0 3px rgba(8, 116, 214, .22);

    /* ------------------------------------------------------------ Camadas */

    --z-header: 100;
    --z-menu: 120;

    /* ------------------------------------------------------------ Motion */

    --ease: cubic-bezier(.22, .61, .36, 1);
    --fast: .16s;
    --base: .24s;
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
    }
}