/**
 * Design tokens — Painel Ourominas
 * Fonte única de cor/espaçamento/tipografia/sombra/raio para todo o Painel.
 * Carregado antes de style_painel.css / style_menu.css / login.css.
 */
:root {
    /* === Verde (marca, primário) === */
    --verde-950: #052e25;
    --verde-900: #043d31;
    --verde-700: #0f5546;
    --verde-500: #1a6b57;
    --verde-100: #dbe9e5;
    --verde-050: #f0f4f3;

    /* === Dourado (marca, accent) === */
    --dourado-600: #c9a227;
    --dourado-500: #e6be50;
    --dourado-100: #f7ecd2;
    --dourado-050: #fbf6e8;

    /* === Neutros === */
    --cinza-900: #1f2a28;
    --cinza-800: #2c3e50;
    --cinza-600: #5a6c7d;
    --cinza-400: #94a3b8;
    --cinza-200: #dde3e6;
    --cinza-100: #eef1f0;
    --cinza-050: #f5f7fa;
    --branco: #ffffff;

    /* === Semânticas === */
    --vermelho-600: #b3261e;
    --vermelho-500: #dc4437;
    --vermelho-100: #fbe8e6;
    --ambar-600: #a8630a;
    --ambar-500: #d9860f;
    --ambar-100: #faedd6;
    --info-600: var(--verde-700);
    --info-100: var(--verde-050);

    /* === Tipografia === */
    --fonte-base: 'Roboto', system-ui, sans-serif;
    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.05rem;
    --text-xl: 1.35rem;
    --text-2xl: 1.75rem;

    /* === 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-8: 3rem;

    /* === Raio === */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-pill: 999px;

    /* === Sombra (sempre com tint verde da marca) === */
    --shadow-sm: 0 1px 2px rgba(4, 61, 49, 0.08), 0 1px 3px rgba(4, 61, 49, 0.06);
    --shadow-md: 0 4px 16px rgba(4, 61, 49, 0.10), 0 2px 6px rgba(4, 61, 49, 0.06);
    --shadow-lg: 0 12px 32px rgba(4, 61, 49, 0.14), 0 4px 12px rgba(4, 61, 49, 0.08);

    /* === Transição === */
    --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}