/* ============================================
   INTERSEÇÃO LOGS — Design tokens
   ============================================
   Todas as cores, tipografia, espaçamentos e
   raios ficam aqui. Nunca hard-code valores
   em outros arquivos — sempre var(--il-*).
   Customização por cliente = sobrescrever
   estas variáveis, sem tocar em base/layout.
   ============================================ */

:root {
    /* Cores primárias — sobrescrever por cliente */
    --il-color-primary: #0066cc;
    --il-color-primary-dark: #004999;
    --il-color-primary-light: #3388dd;

    /* Cores neutras */
    --il-color-bg: #ffffff;
    --il-color-bg-alt: #f7f8fa;
    --il-color-bg-panel: #ffffff;
    --il-color-border: #e2e5ea;
    --il-color-border-strong: #c1c7d0;

    /* Texto */
    --il-color-text: #1a1f2b;
    --il-color-text-muted: #5a6478;
    --il-color-text-inverse: #ffffff;

    /* Estados */
    --il-color-success: #22a06b;
    --il-color-warning: #d99e2b;
    --il-color-danger: #d92c2c;
    --il-color-info: #2b7bd9;

    /* Tipografia */
    --il-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --il-font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    --il-font-size-xs: 0.75rem;
    --il-font-size-sm: 0.875rem;
    --il-font-size-base: 1rem;
    --il-font-size-lg: 1.125rem;
    --il-font-size-xl: 1.25rem;
    --il-font-size-2xl: 1.5rem;
    --il-font-size-3xl: 2rem;
    --il-line-height-tight: 1.25;
    --il-line-height-base: 1.5;
    --il-line-height-loose: 1.75;

    /* Espaçamento */
    --il-space-1: 0.25rem;
    --il-space-2: 0.5rem;
    --il-space-3: 0.75rem;
    --il-space-4: 1rem;
    --il-space-5: 1.5rem;
    --il-space-6: 2rem;
    --il-space-7: 3rem;
    --il-space-8: 4rem;

    /* Raios */
    --il-radius-sm: 4px;
    --il-radius-md: 8px;
    --il-radius-lg: 12px;

    /* Sombras */
    --il-shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --il-shadow-md: 0 2px 6px rgba(0,0,0,0.06);
    --il-shadow-lg: 0 8px 24px rgba(0,0,0,0.08);

    /* Larguras */
    --il-container-max: 1280px;
    --il-container-narrow: 768px;
    --il-sidebar-width: 260px;

    /* Z-index */
    --il-z-header: 100;
    --il-z-dropdown: 200;
    --il-z-modal: 500;
    --il-z-toast: 1000;
}