/* assets/css/components/_base.css */

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

/* Variáveis CSS (Cores, Fontes, Bordas, Sombras) - Raiz da UI */
:root {
    --lm-primary: #0F172A;
    --lm-primary-dark: #2563EB;
    --lm-primary-light: #eff6ff; /* Adicionado para hovers e fundos sutis */
    --lm-secondary: #64748B;
    --lm-light: #F9FAFB;
    --lm-lighter: #F3F4F6;
    --lm-dark: #1F2937;
    --lm-text: #374151;
    --lm-text-muted: #9CA3AF;
    --lm-border: #E5E7EB;
    --lm-border-light: #E2E8F0;
    --lm-success: #10B981;
    --lm-success-bg: #d1fae5;
    --lm-success-text: #065f46;
    --lm-success-border: #a7f3d0;
    --lm-error: #EF4444;
    --lm-error-bg: #fee2e2;
    --lm-error-text: #991b1b;
    --lm-error-border: #fecaca;
    --lm-info: #3B82F6;
    --lm-warning: #F59E0B;
    --lm-warning-bg: #fef3c7;
    --lm-warning-text: #92400e;
    --lm-warning-border: #fde68a;
    --lm-purple-light: #EDE9FE; --lm-purple: #8B5CF6;
    --lm-blue-icon-bg: #DBEAFE; --lm-blue-icon-fg: var(--lm-primary);
    --lm-teal-light: #CCFBF1;   --lm-teal: #14B8A6;
    --lm-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --lm-border-radius: 0.375rem;
    --lm-border-radius-lg: 0.5rem;
    --lm-border-radius-table: 10px;
    --lm-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --lm-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --lm-table-header-bg:#CDDBF4;
    --lm-table-header-text: #233A67;
}

/* Reset básico e box-sizing para todos os elementos */
*, *::before, *::after { box-sizing: border-box; }

/* Estilo base para o body e tipografia global */
body {
    font-family: var(--lm-font-sans, sans-serif);
    color: var(--lm-text, #374151);
    line-height: 1.5;
    background-color: var(--lm-light, #F9FAFB);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Ocultar elementos para leitores de tela (accessibility) */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}