/* ================================================================
   GN Solutions Design System v1.0 — design tokens (normativo)
   Fonte: PDF "GN Solutions Design System v1.0" (abril/2026).
   Nenhum hex, tamanho, spacing, radius ou duração deve existir
   fora deste arquivo (REQ-002..009, TASK-006/012).
   ================================================================ */
:root {
  /* ---- paleta oficial (REQ-002) ---- */
  --deep-teal: #203033;
  --slate:     #385459;
  --sky:       #6db3ca;
  --grass:     #6e9a40;
  --lime:      #bad247;
  --ink:       #0f1718;
  --graphite:  #2c3d40;
  --steel:     #5a6e72;
  --fog:       #a8b3b5;
  --mist:      #d7dcdd;
  --cloud:     #eef1f1;
  --paper:     #f7f8f8;

  /* ---- cores semânticas (REQ-003) — nunca decorativas ---- */
  --success:   #6e9a40;
  --warning:   #d4a13a;
  --danger:    #b34a3a;
  --info:      #6db3ca;

  /* superfícies suaves derivadas (chips, toasts, resultados) */
  --success-bg:   color-mix(in srgb, var(--success) 12%, #ffffff);
  --success-line: color-mix(in srgb, var(--success) 38%, #ffffff);
  --warning-bg:   color-mix(in srgb, var(--warning) 14%, #ffffff);
  --warning-line: color-mix(in srgb, var(--warning) 42%, #ffffff);
  --danger-bg:    color-mix(in srgb, var(--danger) 11%, #ffffff);
  --danger-line:  color-mix(in srgb, var(--danger) 36%, #ffffff);
  --info-bg:      color-mix(in srgb, var(--info) 14%, #ffffff);
  --info-line:    color-mix(in srgb, var(--info) 42%, #ffffff);
  /* texto AA sobre as superfícies suaves (ACC-001) */
  --success-text: #4c6b2c;
  --warning-text: #7d5c1a;
  --danger-text:  #8f3b2e;
  --info-text:    #33606f;

  /* ---- papéis de superfície/texto do painel ---- */
  --surface:      #ffffff;
  --surface-alt:  var(--cloud);
  --bg:           var(--paper);
  --text:         var(--ink);
  --text-2:       var(--graphite);
  --text-3:       var(--steel);
  /* Fog (2.3:1 sobre branco) reprova AA para texto — fica só em bordas/decoração.
     Texto "mute" usa Steel (5.3:1) e se diferencia por tamanho/itálico (ACC-001). */
  --text-mute:    var(--steel);
  --line:         var(--mist);
  --line-strong:  var(--fog);
  /* sidebar institucional (30% Deep/Slate — GUD-001) */
  --sb-bg:        var(--deep-teal);
  --sb-text:      var(--cloud);
  --sb-text-dim:  color-mix(in srgb, var(--cloud) 62%, var(--deep-teal));
  --sb-line:      color-mix(in srgb, var(--cloud) 14%, var(--deep-teal));
  --sb-active:    var(--slate);

  /* ---- tipografia (REQ-004/005) ---- */
  --font-ui:   "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-lead: "Tenor Sans", "Segoe UI", sans-serif;
  --font-code: "Fira Code", ui-monospace, "Cascadia Code", Consolas, monospace;
  /* escala oficial: 76 48 38 30 24 16 14 12 */
  --fs-display: 76px;
  --fs-hero:    48px;
  --fs-title:   38px;
  --fs-h1:      30px;   /* H1 do painel operacional */
  --fs-h2:      24px;   /* H2 */
  --fs-body:    16px;   /* corpo */
  --fs-support: 14px;   /* apoio */
  --fs-meta:    12px;   /* metadados/código */

  /* ---- espaçamento base 4 (REQ-006) ---- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-24: 96px;
  --sp-32: 128px;

  /* ---- raios (REQ-007) ---- */
  --rad-0:    0;
  --rad-4:    4px;
  --rad-8:    8px;
  --rad-12:   12px;
  --rad-full: 999px;

  /* ---- grid (REQ-007) ---- */
  /* --container NÃO é mais a largura da página: o shell operacional é full-bleed
     (ver .app-main em layout.css). Sobrevive como teto de MEDIDA DE TEXTO — o maior
     bloco de leitura corrida que ainda se lê confortavelmente, aplicado em
     #card-wrap (views.css) e .empty/.msg (components.css). */
  --container: 1200px;
  --gutter:    24px;

  /* ---- movimento (REQ-009) — só feedback causal ---- */
  --dur-80:  80ms;
  --dur-160: 160ms;
  --dur-240: 240ms;
  --dur-400: 400ms;
  --dur-600: 600ms;
  --ease:      cubic-bezier(0.4, 0, 0.2, 1);
  --ease-emph: cubic-bezier(0.2, 0, 0, 1);

  /* ---- sombras (TASK-012 — ausentes no PDF, definidas aqui) ---- */
  --shadow-xs: 0 1px 2px rgba(15, 23, 24, .06);
  --shadow-sm: 0 4px 12px rgba(15, 23, 24, .08);
  --shadow-md: 0 12px 28px rgba(15, 23, 24, .12);
  --shadow-lg: 0 24px 56px rgba(15, 23, 24, .16);

  /* ---- z-index ---- */
  --z-sticky: 10;
  --z-nav:    30;
  --z-toast:  50;

  /* ---- foco (ACC-002) — anel Sky Blue ---- */
  --focus-ring: 2px solid var(--sky);
  --focus-offset: 2px;

  /* ---- dimensões do shell ---- */
  --sidebar-w: 264px;
  --control-h: 44px;   /* altura mínima de campos/controles (TASK-021) */
}