:root {

    /* =====================================================
       CORES PRINCIPAIS — FORTIAXIS
       ===================================================== */

    --color-primary: #0B1F33;
    --color-primary-dark: #071522;
    --color-primary-light: #163A59;

    --color-accent: #00A8E8;
    --color-accent-dark: #0086BA;
    --color-accent-light: #5CCBFA;


    /* =====================================================
       CORES DE INTERFACE
       ===================================================== */

    --color-background: #FFFFFF;
    --color-background-soft: #F5F7FA;
    --color-background-dark: #0B1F33;

    --color-text: #17202A;
    --color-text-secondary: #5B6670;
    --color-text-light: #8A949E;

    --color-border: #E2E7EC;


    /* =====================================================
       CORES DE STATUS
       ===================================================== */

    --color-breaking: #E53935;
    --color-success: #1B8A5A;
    --color-warning: #F59E0B;


    /* =====================================================
       TIPOGRAFIA
       ===================================================== */

    --font-primary:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;

    --font-heading:
        Inter,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        Roboto,
        Arial,
        sans-serif;


    /* =====================================================
       TAMANHOS
       ===================================================== */

    --container-width: 1280px;

    --header-height: 76px;

    --border-radius-small: 6px;
    --border-radius: 10px;
    --border-radius-large: 16px;


    /* =====================================================
       SOMBRAS
       ===================================================== */

    --shadow-small:
        0 2px 8px rgba(0, 0, 0, 0.06);

    --shadow:
        0 6px 20px rgba(0, 0, 0, 0.08);

    --shadow-large:
        0 12px 35px rgba(0, 0, 0, 0.12);


    /* =====================================================
       TRANSIÇÕES
       ===================================================== */

    --transition-fast: 0.15s ease;

    --transition:
        0.25s ease;

    --transition-slow:
        0.4s ease;


    /* =====================================================
       ESPAÇAMENTOS
       ===================================================== */

    --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: 48px;
    --space-10: 64px;
    --space-11: 80px;

}