/*
 * CRONUS-RUN — Design Tokens
 * Linha visual "gov.br institucional": flat, sólido, alto contraste.
 * Sem gradientes, sem blur/glassmorphism, sem sombras decorativas.
 * Fonte única da verdade para cor, tipografia, espaçamento, raio e sombra
 * usados em base.css/components.css/utilities.css.
 *
 * Breakpoints padrão do sistema (documentais — custom properties não funcionam
 * dentro de @media, os valores abaixo são replicados como literais em
 * components.css/utilities.css):
 *   tablet:  min-width: 640px
 *   desktop: min-width: 1024px
 */

:root {
    /* Cor de marca — azul institucional sólido */
    --color-primary: #1351B4;
    --color-primary-dark: #0C2D6B;
    --color-primary-light: #E3EEFC;
    --color-accent: #FFCD07;
    --color-pink: #9D174D;
    --color-pink-dark: #7A1042;

    /* Cores semânticas */
    --color-success: #168821;
    --color-success-bg: #E1F0E2;
    --color-success-text: #0D4D15;
    --color-warning: #9C6800;
    --color-warning-bg: #FFF3CD;
    --color-warning-text: #6B4900;
    --color-danger: #E52207;
    --color-danger-bg: #FDE7E7;
    --color-danger-text: #8C1005;
    --color-info: #155BCB;
    --color-info-bg: #E3EEFC;
    --color-info-text: #0C3C87;
    --color-neutral: #555555;
    --color-neutral-bg: #E0E0E0;
    --color-neutral-text: #333333;

    /* Superfícies e texto */
    --color-bg: #F8F8F8;
    --color-surface: #FFFFFF;
    --color-surface-alt: #F0F0F0;
    --color-text: #1C1C1C;
    --color-text-muted: #555555;
    --color-border: #CCCCCC;

    /* Tipografia */
    --font-base: Arial, Helvetica, sans-serif;
    --font-mono: 'Consolas', 'Courier New', monospace;

    /* Espaçamento */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;

    /* Raio — quase reto, sem cantos exageradamente arredondados */
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
    --radius-xl: 8px;
    --radius-pill: 999px;

    /* Sombra — plana, só para separar camadas (modal), não decorativa */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, .14);
    --shadow-md: 0 1px 4px rgba(0, 0, 0, .16);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, .22);

    /* Transição — só troca de cor, sem microinterações de "flutuar" */
    --transition: .15s ease;

    /* Camadas */
    --z-header: 100;
    --z-modal: 1000;
    --z-toast: 1100;
}