/* FanTR Cooling — Design Tokens
   Fonte de verdade para cores, tipografia, espaçamento, sombras e transições.
   Todas as cores do app devem referenciar estas variáveis — nunca hardcoded.
*/

:root {
    /* ── Paleta institucional (Manual da Marca FanTR) ─────────────────────── */
    --color-brand-blue:       #067cb1;   /* azul institucional */
    --color-brand-green:      #94c11f;   /* verde institucional — uso parcimonioso */
    --color-brand-dark:       #345a74;   /* azul escuro */
    --color-brand-light:      #e0ecf2;   /* azul claro */
    --color-white:            #ffffff;

    /* ── Cores semânticas de feedback ────────────────────────────────────── */
    --color-success:          #2d8653;   /* verde semântico — harmoniza com a paleta */
    --color-success-bg:       #eaf7f0;
    --color-warning:          #b87700;   /* âmbar — não conflita com a paleta */
    --color-warning-bg:       #fff8e6;
    --color-error:            #c0392b;   /* vermelho — não conflita com a paleta */
    --color-error-bg:         #fdf0ef;
    --color-info:             #067cb1;   /* azul institucional */
    --color-info-bg:          #e8f4fa;

    /* ── Texto ────────────────────────────────────────────────────────────── */
    --color-text-body:        #333333;   /* preto 80% — conforme Manual da Marca */
    --color-text-secondary:   #6b7f8e;   /* azul-cinza derivado do azul escuro */
    --color-text-disabled:    #a0adb8;
    --color-text-on-dark:     #ffffff;   /* texto sobre fundos escuros */
    --color-text-heading:     #345a74;   /* títulos em azul escuro */

    /* ── Bordas ───────────────────────────────────────────────────────────── */
    --color-border:           #c8d9e3;   /* derivado do azul claro */
    --color-border-focus:     #067cb1;   /* azul institucional no foco */
    --color-border-error:     #c0392b;

    /* ── Fundos de aplicação (decisões do PLAN.md) ────────────────────────── */
    --color-bg-page:          #e0ecf2;   /* fundo das páginas internas */
    --color-bg-card:          #ffffff;   /* fundo de cards */
    --color-bg-nav:           #345a74;   /* navbar */
    --color-bg-sidebar:       #345a74;   /* sidebar */
    --color-bg-table-header:  #345a74;   /* header de tabelas AG Grid */
    --color-bg-input:         #ffffff;
    --color-bg-input-disabled:#f0f4f7;

    /* ── Tipografia ───────────────────────────────────────────────────────── */
    --font-primary:    'Aller', 'Calibri', sans-serif;
    --font-secondary:  'Calibri', sans-serif;   /* documentos exportados */
    --font-mono:       'Consolas', 'Courier New', monospace;

    --font-size-xs:    0.75rem;    /* 12px */
    --font-size-sm:    0.875rem;   /* 14px */
    --font-size-base:  1rem;       /* 16px */
    --font-size-lg:    1.125rem;   /* 18px */
    --font-size-xl:    1.25rem;    /* 20px */
    --font-size-2xl:   1.5rem;     /* 24px */

    --font-weight-light:   300;
    --font-weight-regular: 400;
    --font-weight-bold:    700;

    --line-height-tight:   1.25;
    --line-height-base:    1.5;
    --line-height-loose:   1.75;

    /* ── Espaçamento (grade de 8px) ───────────────────────────────────────── */
    --space-1:   4px;
    --space-2:   8px;
    --space-3:   12px;
    --space-4:   16px;
    --space-5:   24px;
    --space-6:   32px;
    --space-7:   48px;
    --space-8:   64px;

    /* ── Raios de borda (subdued — app técnico, sem excessos) ─────────────── */
    --radius-sm:    3px;
    --radius-md:    5px;
    --radius-lg:    8px;
    --radius-pill:  100px;   /* para botões de idioma e badges */

    /* ── Sombras (sutis — coerentes com app de engenharia) ────────────────── */
    --shadow-sm:  0 1px 3px rgba(52, 90, 116, 0.08);
    --shadow-md:  0 2px 8px rgba(52, 90, 116, 0.12);
    --shadow-lg:  0 4px 16px rgba(52, 90, 116, 0.16);

    /* ── Transições ───────────────────────────────────────────────────────── */
    --transition-fast:  120ms ease;
    --transition-base:  200ms ease;
    --transition-slow:  300ms ease;

    /* ── Z-index ──────────────────────────────────────────────────────────── */
    --z-overlay:   150;
    --z-sidebar:   100;
    --z-navbar:    200;
    --z-modal:     300;
    --z-tooltip:   400;

    /* ── Dimensões de componentes fixos ───────────────────────────────────── */
    --navbar-height:    56px;
    --sidebar-width:    230px;
    --sidebar-width-collapsed: 0px;
}