/**
 * variables.css
 * Variáveis globais do sistema.
 */

:root {
    /* Fundos */
    --bg-page: #f5f6f8;
    --bg-card: #ffffff;
    --bg-sidebar: #111827;
    --bg-muted: #f9fafb;

    /* Textos */
    --text-primary: #111827;
    --text-secondary: #6b7280;
    --text-light: #f9fafb;

    /* Bordas */
    --border-color: #e5e7eb;

    /* Cores principais */
    --primary: #2563eb;
    --primary-hover: #1d4ed8;

    --success: #16a34a;
    --success-dark: #15803d;

    --warning: #d97706;
    --warning-dark: #b45309;

    --danger: #dc2626;
    --danger-dark: #b91c1c;

    --info: #2563eb;
    --info-dark: #1d4ed8;

    /* Estrutura */
    --sidebar-width: 260px;

    /* Bordas arredondadas */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;

    /* Sombras */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.22);

    /* Transições */
    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
}