/**
 * Variables CSS - Variáveis Globais do Sistema
 * Centralizando cores, espaçamentos e valores reutilizáveis
 *
 * @version 1.0.0
 * @date 2025-11-10
 */

:root {
    /* ===================================================================
       CORES PRIMÁRIAS
       ================================================================ */
    --primary-color: #4e73df;
    --primary-dark: #2e59d9;
    --primary-light: #6e8efb;

    --secondary-color: #858796;
    --success-color: #1cc88a;
    --info-color: #36b9cc;
    --warning-color: #f6c23e;
    --danger-color: #e74a3b;

    /* ===================================================================
       CORES SOFT (Badges e Alertas Suaves)
       ================================================================ */
    --soft-success-text: #146c43;
    --soft-success-bg: #d1e7dd;

    --soft-warning-text: #664d03;
    --soft-warning-bg: #fff3cd;

    --soft-danger-text: #842029;
    --soft-danger-bg: #f8d7da;

    --soft-info-text: #055160;
    --soft-info-bg: #cff4fc;

    /* ===================================================================
       CORES DE FUNDO E GRADIENTES
       ================================================================ */
    --gradient-bg: linear-gradient(to right, #f8f9fc, #e2e6ea);
    --sidebar-bg: #5a5c69;
    --body-bg: #f8f9fc;
    --card-bg: #ffffff;

    /* ===================================================================
       BORDAS
       ================================================================ */
    --border-primary: 4px solid var(--primary-color);
    --border-primary-thin: 0.25rem solid var(--primary-color);
    --border-radius: 0.35rem;
    --border-radius-lg: 1rem;

    /* ===================================================================
       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.15);
    --shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);

    /* ===================================================================
       ESPAÇAMENTOS
       ================================================================ */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;

    /* ===================================================================
       TAMANHOS
       ================================================================ */
    --size-32: 32px;
    --size-44: 44px; /* Tamanho mínimo para touch targets mobile */
    --size-48: 48px;

    /* ===================================================================
       TIPOGRAFIA
       ================================================================ */
    --font-family: 'Nunito', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-sm: 0.75rem;
    --font-size-base: 0.9rem;
    --font-size-md: 1rem;
    --font-size-lg: 1.2rem;

    /* ===================================================================
       Z-INDEX (Camadas)
       ================================================================ */
    --z-sidebar: 1031;
    --z-modal-backdrop: 1049;
    --z-modal-primary: 1050;
    --z-modal-secondary: 1051;
    --z-modal-tertiary: 1052;
    --z-overlay: 9999;

    /* ===================================================================
       TRANSIÇÕES
       ================================================================ */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}