/* --------------------------------------------------------------------------
   Design tokens globais. Alterações de identidade visual devem começar aqui.
   -------------------------------------------------------------------------- */
:root {
    --color-primary-950: #082a5d;
    --color-primary-900: #0b3979;
    --color-primary-800: #0d478f;
    --color-primary-700: #145bb1;
    --color-primary-600: #1d6fd1;
    --color-primary-100: #eaf3ff;
    --color-primary-50: #f5f9ff;

    --color-success-700: #12663b;
    --color-success-100: #eaf8f0;
    --color-warning-700: #8a5b10;
    --color-warning-100: #fff6df;
    --color-danger-700: #a1322d;
    --color-danger-100: #fff0ef;

    --color-text: #142033;
    --color-text-soft: #5f6f82;
    --color-muted: #7b8798;
    --color-border: #dce5ef;
    --color-border-strong: #c8d4e2;
    --color-surface: #ffffff;
    --color-canvas: #f4f8fc;
    --color-canvas-deep: #eaf1f8;

    --font-sans: "Roboto Condensed", "Arial Narrow", Arial, sans-serif;

    --radius-xs: 8px;
    --radius-sm: 10px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 18px;
    --radius-pill: 999px;

    --shadow-sm: 0 4px 18px rgba(13, 45, 84, 0.06);
    --shadow-md: 0 10px 30px rgba(13, 45, 84, 0.08);
    --shadow-lg: 0 18px 44px rgba(13, 45, 84, 0.10);

    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --space-9: 52px;
    --space-10: 64px;

    --container: 1360px;
    --transition: 180ms ease;
}