/* ============================================================
   ERGOINSIGHT — DESIGN TOKENS (blueprint §1)
   Fonte única de verdade. Nunca usar hex solto fora daqui.
   ============================================================ */
:root {
  /* --- Cores institucionais --- */
  --teal:       #1b94a2;
  --teal-dark:  #0d5c66;
  --teal-deep:  #083f47;
  --ink:        #15242a;
  --paper:      #f6f8f8;
  --white:      #ffffff;

  /* --- Semáforo RISCO5 (vocabulário visual da casa) --- */
  --risk-ok:    #2e9e5b;
  --risk-low:   #8fbf3f;
  --risk-mid:   #e6a817;
  --risk-high:  #e0662a;
  --risk-crit:  #c9352b;

  /* --- Derivados (uso interno, sempre a partir dos tokens) --- */
  --teal-soft:      rgba(27, 148, 162, 0.12);
  --teal-hairline:  rgba(27, 148, 162, 0.45);
  --on-dark:        #eaf4f5;              /* texto sobre teal-dark/deep */
  --on-dark-dim:    rgba(234, 244, 245, 0.72);

  /* --- Tipografia (§1.2) --- */
  --font-display: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body:    "Inter", system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", "Consolas", monospace;

  /* --- Escala e ritmo --- */
  --max-w: 1160px;
  --radius: 10px;
  --radius-lg: 16px;
  --header-h: 76px;
  --header-h-shrunk: 58px;

  /* --- Textura assinatura: dot grid ~24px, opacidade 4–6% (§1.4) --- */
  --dot-grid: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px);
  --dot-grid-size: 24px 24px;

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-flight: cubic-bezier(0.55, 0, 0.1, 1);
}