/* ============================================
   DESIGN TOKENS — ERP JM&Resgate
   Paleta de cores, sombras, espaçamentos e
   tipografia para temas Light e Dark.
   ============================================ */

/* ── TEMA CLARO (DEFAULT) ──────────────────── */
:root {
    /* Superfícies */
    --color-bg-body:       #f8f9fa;
    --color-bg-surface:    #ffffff;
    --color-bg-elevated:   #ffffff;

    /* Texto */
    --color-text-primary:  #212529;
    --color-text-secondary:#6c757d;
    --color-text-muted:    #adb5bd;
    --color-text-on-dark:  #ffffff;

    /* Bordas */
    --color-border:        #dee2e6;
    --color-border-light:  #e9ecef;

    /* Navbar / Sidebar */
    --color-navbar-bg:     #212529;
    --color-sidebar-bg:    #212529;
    --color-sidebar-text:  rgba(255,255,255,0.75);
    --color-sidebar-hover: rgba(255,255,255,0.15);

    /* Cards */
    --color-card-bg:       #ffffff;
    --color-card-shadow:   rgba(0,0,0,0.08);

    /* Inputs */
    --color-input-bg:      #ffffff;
    --color-input-border:  #ced4da;

    /* Tabelas */
    --color-table-hover:   #f8f9fa;
    --color-table-header:  #f8f9fa;
    --color-table-stripe:  rgba(0,0,0,0.02);

    /* KPI / Footer */
    --color-kpi-footer-bg: #ffffff;

    /* Alertas customizados */
    --color-alert-success-bg: #d1e7dd;
    --color-alert-danger-bg:  #f8d7da;

    /* Sombras */
    --shadow-sm:   0 0.125rem 0.25rem rgba(0,0,0,0.075);
    --shadow-md:   0 0.5rem 1rem rgba(0,0,0,0.1);
    --shadow-lg:   0 1rem 3rem rgba(0,0,0,0.175);

    /* Bordas */
    --border-radius:       0.5rem;
    --border-radius-lg:    0.75rem;
    --border-radius-pill:  50rem;

    /* Transições */
    --transition-speed:    0.25s;
    --transition-fn:       ease;
}

/* ── TEMA ESCURO ───────────────────────────── */
[data-theme="dark"] {
    /* Superfícies */
    --color-bg-body:       #1a1d21;
    --color-bg-surface:    #212529;
    --color-bg-elevated:   #2b3035;

    /* Texto */
    --color-text-primary:  #e9ecef;
    --color-text-secondary:#adb5bd;
    --color-text-muted:    #6c757d;

    /* Bordas */
    --color-border:        #373b3e;
    --color-border-light:  #2b3035;

    /* Navbar / Sidebar */
    --color-navbar-bg:     #11141a;
    --color-sidebar-bg:    #11141a;

    /* Cards */
    --color-card-bg:       #212529;
    --color-card-shadow:   rgba(0,0,0,0.3);

    /* Inputs */
    --color-input-bg:      #2b3035;
    --color-input-border:  #495057;

    /* Tabelas */
    --color-table-hover:   #2b3035;
    --color-table-header:  #1a1d21;
    --color-table-stripe:  rgba(255,255,255,0.02);

    /* KPI / Footer */
    --color-kpi-footer-bg: #2b3035;

    /* Alertas customizados */
    --color-alert-success-bg: #0f3d2b;
    --color-alert-danger-bg:  #3d1f24;

    /* Sombras (mais fortes no escuro) */
    --shadow-sm:   0 0.125rem 0.25rem rgba(0,0,0,0.2);
    --shadow-md:   0 0.5rem 1rem rgba(0,0,0,0.3);
    --shadow-lg:   0 1rem 3rem rgba(0,0,0,0.4);

    color-scheme: dark;
}