/*
 * E-AI Frontend Design System
 * Arquivo: tokens.css
 *
 * Objetivo:
 * Centralizar valores visuais reutilizáveis do frontend, como cores,
 * tipografia, espaçamentos, bordas e sombras.
 *
 * Observação:
 * Este arquivo cria uma base visual para novas telas e refatorações.
 * Não altera regras de negócio nem comportamento funcional.
 */

:root {
    /* Cores principais */
    --eai-color-primary: #0A7353;
    --eai-color-primary-dark: #075E44;
    --eai-color-primary-light: #E7F4EF;

    --eai-color-secondary: #0F486E;
    --eai-color-secondary-dark: #0A354F;
    --eai-color-secondary-light: #E6F0F6;

    --eai-color-accent: #2FA66A;
    --eai-color-accent-light: #EAF8F0;

    /* Cores neutras */
    --eai-color-white: #FFFFFF;
    --eai-color-background: #F7F9FA;
    --eai-color-surface: #FFFFFF;
    --eai-color-surface-muted: #F1F5F4;

    --eai-color-border: #DDE5E2;
    --eai-color-border-strong: #B8C7C2;

    --eai-color-text: #1F2D2A;
    --eai-color-text-muted: #5F6F6A;
    --eai-color-text-light: #FFFFFF;

    /* Estados */
    --eai-color-success: #198754;
    --eai-color-success-light: #E8F5EE;

    --eai-color-warning: #B7791F;
    --eai-color-warning-light: #FFF7E6;

    --eai-color-danger: #C0392B;
    --eai-color-danger-light: #FDEDEC;

    --eai-color-info: #0F486E;
    --eai-color-info-light: #E6F0F6;

    /* Tipografia */
    --eai-font-family-base: "Outfit", "Montserrat", Arial, sans-serif;
    --eai-font-family-heading: "Urbanist", "Outfit", "Montserrat", Arial, sans-serif;

    --eai-font-size-xs: 0.75rem;
    --eai-font-size-sm: 0.875rem;
    --eai-font-size-md: 1rem;
    --eai-font-size-lg: 1.125rem;
    --eai-font-size-xl: 1.5rem;
    --eai-font-size-2xl: 2rem;

    --eai-font-weight-regular: 400;
    --eai-font-weight-medium: 500;
    --eai-font-weight-semibold: 600;
    --eai-font-weight-bold: 700;

    --eai-line-height-base: 1.5;
    --eai-line-height-heading: 1.2;

    /* Espaçamentos */
    --eai-space-1: 0.25rem;
    --eai-space-2: 0.5rem;
    --eai-space-3: 0.75rem;
    --eai-space-4: 1rem;
    --eai-space-5: 1.25rem;
    --eai-space-6: 1.5rem;
    --eai-space-8: 2rem;
    --eai-space-10: 2.5rem;
    --eai-space-12: 3rem;

    /* Bordas */
    --eai-radius-sm: 4px;
    --eai-radius-md: 8px;
    --eai-radius-lg: 12px;
    --eai-radius-xl: 16px;
    --eai-radius-pill: 999px;

    /* Sombras */
    --eai-shadow-sm: 0 2px 6px rgba(15, 72, 110, 0.08);
    --eai-shadow-md: 0 8px 24px rgba(15, 72, 110, 0.12);
    --eai-shadow-lg: 0 16px 40px rgba(15, 72, 110, 0.16);

    /* Transições */
    --eai-transition-fast: 150ms ease;
    --eai-transition-base: 220ms ease;

    /* Layout */
    --eai-container-sm: 720px;
    --eai-container-md: 960px;
    --eai-container-lg: 1140px;
    --eai-container-xl: 1320px;

    /* Z-index */
    --eai-z-dropdown: 1000;
    --eai-z-sticky: 1020;
    --eai-z-modal: 1050;
    --eai-z-toast: 1080;
}