/* =========================================================
   ARGOSUI 1.0 — DESIGN TOKENS
   Fundação visual oficial do ArgosHIS
   ========================================================= */

:root {

    /* =====================================================
       1. CORES INSTITUCIONAIS
       ===================================================== */

    --argos-color-brand-navy: #062B49;
    --argos-color-brand-blue: #0B4F6C;
    --argos-color-brand-teal: #0A8FA3;
    --argos-color-brand-gold: #C6922E;


    /* =====================================================
       2. CORES SEMÂNTICAS
       ===================================================== */

    --argos-color-success: #12B76A;
    --argos-color-warning: #F79009;
    --argos-color-danger: #F04438;
    --argos-color-info: #175CD3;


    /* =====================================================
       3. TEXTO
       ===================================================== */

    --argos-color-text-primary: #102033;
    --argos-color-text-secondary: #667085;
    --argos-color-text-inverse: #FFFFFF;


    /* =====================================================
       4. SUPERFÍCIES E FUNDOS
       ===================================================== */

    --argos-color-background: #F3F8FB;
    --argos-color-surface: #FFFFFF;
    --argos-color-surface-subtle: #F8FAFC;
    --argos-color-surface-muted: #F2F4F7;


    /* =====================================================
       5. BORDAS
       ===================================================== */

    --argos-color-border: #D9E3EA;
    --argos-color-border-strong: #CBD5E1;


    /* =====================================================
       6. ESPAÇAMENTOS
       Escala baseada em múltiplos de 4px
       ===================================================== */

    --argos-space-0: 0;
    --argos-space-1: 0.25rem;
    --argos-space-2: 0.5rem;
    --argos-space-3: 0.75rem;
    --argos-space-4: 1rem;
    --argos-space-5: 1.25rem;
    --argos-space-6: 1.5rem;
    --argos-space-8: 2rem;
    --argos-space-10: 2.5rem;
    --argos-space-12: 3rem;
    --argos-space-16: 4rem;


    /* =====================================================
       7. RAIOS
       ===================================================== */

    --argos-radius-sm: 0.5rem;
    --argos-radius-md: 0.75rem;
    --argos-radius-lg: 1.125rem;
    --argos-radius-xl: 1.5rem;
    --argos-radius-pill: 9999px;


    /* =====================================================
       8. SOMBRAS
       ===================================================== */

    --argos-shadow-sm:
        0 1px 3px rgba(6, 43, 73, 0.08);

    --argos-shadow-md:
        0 8px 24px rgba(6, 43, 73, 0.10);

    --argos-shadow-lg:
        0 18px 45px rgba(6, 43, 73, 0.14);


    /* =====================================================
       9. TRANSIÇÕES
       ===================================================== */

    --argos-transition-fast: 150ms ease;
    --argos-transition-normal: 250ms ease;
    --argos-transition-slow: 350ms ease;


    /* =====================================================
       10. LAYOUT
       ===================================================== */

    --argos-layout-sidebar-width: 272px;
    --argos-layout-navbar-height: 72px;
    --argos-layout-content-max: 1600px;


    /* =====================================================
       11. COMPATIBILIDADE COM O ARGOSUI ATUAL

       Estes aliases mantêm as telas existentes funcionando
       durante a migração gradual para os novos tokens.
       ===================================================== */

    --argos-navy: var(--argos-color-brand-navy);
    --argos-blue: var(--argos-color-brand-blue);
    --argos-teal: var(--argos-color-brand-teal);
    --argos-gold: var(--argos-color-brand-gold);

    --argos-bg: var(--argos-color-background);
    --argos-white: var(--argos-color-surface);

    --argos-text: var(--argos-color-text-primary);
    --argos-muted: var(--argos-color-text-secondary);

    --argos-border: var(--argos-color-border);

    --argos-success: var(--argos-color-success);
    --argos-warning: var(--argos-color-warning);
    --argos-danger: var(--argos-color-danger);

    --argos-radius: var(--argos-radius-lg);
    --argos-shadow: var(--argos-shadow-lg);

    --argos-sidebar-width: var(--argos-layout-sidebar-width);
    --argos-navbar-height: var(--argos-layout-navbar-height);
    --argos-content-max: var(--argos-layout-content-max);
}