/**
 * Inventário TI — Design Tokens
 * Fonte única de verdade visual. Consumido por style.css.
 * Modo escuro: trocar valores em [data-theme="dark"] (futuro).
 */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap');

:root {
    /* ——— Acento (Bootstrap familiar) ——— */
    --color-accent: #0d6efd;
    --color-accent-hover: #0b5ed7;
    --color-accent-subtle: #e7f1ff;
    --color-accent-muted: #9ec5fe;

    /* ——— Superfícies ——— */
    --color-bg: #f8f9fa;
    --color-surface: #FFFFFF;
    --color-surface-raised: #FFFFFF;
    --color-border: #E5E7EB;
    --color-border-subtle: #F3F4F6;

    /* ——— Texto ——— */
    --color-text: #111827;
    --color-text-secondary: #6B7280;
    --color-text-muted: #9CA3AF;
    --color-text-inverse: #FFFFFF;

    /* ——— Semânticas ——— */
    --color-success: #059669;
    --color-success-bg: #ECFDF5;
    --color-success-border: #A7F3D0;
    --color-warning: #D97706;
    --color-warning-bg: #FFFBEB;
    --color-warning-border: #FDE68A;
    --color-danger: #DC2626;
    --color-danger-bg: #FEF2F2;
    --color-danger-border: #FECACA;
    --color-info: #2563EB;
    --color-info-bg: #EFF6FF;
    --color-info-border: #BFDBFE;

    /* ——— Tipografia ——— */
    --font-family: 'Inter', system-ui, -apple-system, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    --font-size-2xl: 2rem;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --line-height-tight: 1.25;
    --line-height-normal: 1.5;

    /* ——— Espaçamento ——— */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-8: 32px;
    --space-10: 40px;
    --space-12: 48px;

    /* ——— Forma ——— */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-full: 9999px;
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 .125rem .25rem rgba(0, 0, 0, 0.075);
    --shadow-md: 0 .25rem .5rem rgba(0, 0, 0, 0.08);
    --transition-fast: 150ms ease;
    --transition-base: 200ms ease;

    /* ——— Layout ——— */
    --navbar-height: 56px;
    --sidebar-width: 240px;
    --content-max-width: 1280px;
    --touch-min: 44px;
    --bottom-nav-h: 64px;
    --fab-size: 52px;

    /* ——— Bootstrap bridge ——— */
    --bs-body-font-family: var(--font-family);
    --bs-body-color: var(--color-text);
    --bs-body-bg: var(--color-bg);
    --bs-primary: var(--color-accent);
    --bs-primary-rgb: 13, 110, 253;
    --bs-border-color: var(--color-border);
    --bs-border-radius: var(--radius-md);
    --bs-link-color: var(--color-accent);
    --bs-link-hover-color: var(--color-accent-hover);
}

/* Preparação modo escuro (não ativo) */
[data-theme="dark"] {
    --color-bg: #0F1117;
    --color-surface: #1A1D27;
    --color-border: #2D3142;
    --color-text: #F3F4F6;
    --color-text-secondary: #9CA3AF;
    --color-accent-subtle: #1E2A5E;
}