:root {
    /* =========================================================
       PRIMARIAS (AZUL DA PRUSSIA - BASE)
    ========================================================= */
    --primary-950: #061522; /* azul noturno profundo */
    --primary-900: #082033; /* azul escuro institucional */
    --primary-850: #0b2942; /* azul profundo refinado */
    --primary-800: #003153; /* azul da prussia */
    --primary-700: #18486f; /* azul institucional medio */
    --primary-600: #2d628f; /* azul de apoio */

    /* =========================================================
       SECUNDARIAS (ACENTO CONTROLADO)
    ========================================================= */
    --secondary-500: #3be7f4; /* ciano discreto */
    --secondary-400: #76f2fa; /* ciano suave */
    --secondary-100: #dffcff; /* ciano muito claro */

    /* =========================================================
       NEUTROS (LEITURA E SUPORTE)
    ========================================================= */
    --neutral-0: #ffffff; /* branco puro */
    --neutral-25: #f7fbfd; /* branco frio */
    --neutral-50: #eff5f8; /* cinza muito claro azulado */
    --neutral-100: #e6eef3; /* superficie clara fria */
    --neutral-200: #d5e0e8; /* cinza claro */
    --neutral-300: #b8c7d3; /* cinza medio */
    --neutral-500: #6e8190; /* cinza de apoio */
    --neutral-700: #445767; /* cinza escuro */
    --neutral-900: #1e2f3d; /* chumbo azulado */

    /* =========================================================
       APOIO
    ========================================================= */
    --support-500: #8ea8bd; /* azul acinzentado */
    --support-100: #eef4f8; /* superficie de leitura */

    /* =========================================================
       CONTRASTE (QUENTE SUTIL)
    ========================================================= */
    --contrast-500: #c9784a; /* cobre discreto */
    --contrast-400: #dd8d60; /* cobre suave */
    --contrast-100: #f5e6dc; /* cobre claro */

    /* =========================================================
       BACKGROUNDS
    ========================================================= */
    --bg-page:
        radial-gradient(circle at top left, rgba(59,231,244,0.05), transparent 24%),
        radial-gradient(circle at right center, rgba(201,120,74,0.05), transparent 18%),
        linear-gradient(180deg, #07131d 0%, #082033 38%, #061522 100%);

    --bg-dark: #061522; /* fundo escuro principal */
    --bg-dark-soft: #082033; /* fundo escuro suave */
    --bg-dark-elevated: rgba(11, 41, 66, 0.88); /* elevado */

    --surface-strong: #0d2539; /* superficie escura forte */
    --surface-mid: #16344d; /* superficie escura media */
    --surface-glass: rgba(9, 34, 53, 0.72); /* glass */

    --surface-light: #eef4f8; /* leitura principal */
    --surface-light-2: #e7eff4; /* leitura secundaria */
    --surface-light-3: #dde8ef; /* leitura estrutural */

    /* =========================================================
       TEXTOS
    ========================================================= */
    --text-on-dark: #f7fbfd; /* texto principal escuro */
    --text-on-dark-soft: #c9d7e2; /* texto secundario */
    --text-on-dark-faint: #93a8b7; /* texto discreto */

    --text-on-light: #183042; /* texto principal claro */
    --text-on-light-soft: #4f6574; /* texto secundario */
    --text-on-light-faint: #738695; /* texto discreto */

    /* =========================================================
       BORDAS
    ========================================================= */
    --border-dark: rgba(255,255,255,0.08); /* borda escura */
    --border-dark-strong: rgba(255,255,255,0.12);
    --border-light: rgba(24, 48, 66, 0.10); /* borda clara */
    --border-light-strong: rgba(24, 48, 66, 0.16);
    --border-cyan: rgba(59,231,244,0.18);
    --border-warm: rgba(201,120,74,0.16);

    /* =========================================================
       SOMBRAS
    ========================================================= */
    --shadow-soft: 0 10px 24px rgba(0,0,0,0.18);
    --shadow-mid: 0 18px 44px rgba(0,0,0,0.22);
    --shadow-strong: 0 28px 70px rgba(0,0,0,0.30);

    --shadow-cyan: 0 0 0 1px rgba(59,231,244,0.12), 0 18px 36px rgba(59,231,244,0.08);
    --shadow-warm: 0 0 0 1px rgba(201,120,74,0.10), 0 18px 36px rgba(201,120,74,0.08);

    /* =========================================================
       BOTOES
    ========================================================= */
    --btn-primary-bg: linear-gradient(180deg, #18486f 0%, #003153 100%);
    --btn-primary-text: #f7fbfd;
    --btn-primary-hover: linear-gradient(180deg, #245983 0%, #0b3d63 100%);

    --btn-secondary-bg: rgba(255,255,255,0.04);
    --btn-secondary-text: #f7fbfd;
    --btn-secondary-border: rgba(255,255,255,0.12);

    --btn-contrast-bg: #c9784a;
    --btn-contrast-text: #fffaf7;
    --btn-contrast-hover: #d88759;

    /* =========================================================
       ESTADOS
    ========================================================= */
    --focus-ring: 0 0 0 4px rgba(59,231,244,0.12);
    --hover-lift: translateY(-3px);

    /* =========================================================
       RADIUS (AJUSTADO - MENOS ARREDONDADO)
    ========================================================= */
    --radius-xs: 8px;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 18px;
    --radius-xl: 22px;

    /* =========================================================
       LAYOUT
    ========================================================= */
    --container: 1220px;

    /* =========================================================
       TRANSICOES
    ========================================================= */
    --transition: 0.32s cubic-bezier(.2,.8,.2,1);

    /* =========================================================
       TIPOGRAFIA (SYSTEM STACK)
    ========================================================= */
    --font-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;


/* =========================================================
   ESPACAMENTO (PADRAO GLOBAL)
========================================================= */
--space-xs: 4px;
--space-sm: 8px;
--space-md: 16px;
--space-lg: 24px;
--space-xl: 32px;
--space-2xl: 48px;
--space-3xl: 72px;

/* =========================================================
   TIPOGRAFIA (ESCALA)
========================================================= */
--font-size-sm: 14px;
--font-size-md: 16px;
--font-size-lg: 20px;
--font-size-xl: 28px;
--font-size-2xl: 36px;
--font-size-3xl: 48px;

}