/* ============================================================================
   design-tokens.css — Gera Laudo (apps EDA / Colono)
   Forma executável do DESIGN.md (seções 2 Cores, 4 Espaçamento, 6 Elevação).
   Direção visual vigente: C1 "Verde profundo".

   ⚠ ESPELHAMENTO: este arquivo é IDÊNTICO (byte a byte) em
      Laudo EDA/design-tokens.css  e  Laudo Colono/design-tokens.css.
      Ao alterar um token, edite OS DOIS juntos. Não introduza tokens
      específicos de um app aqui — o que é só do app fica no :root do styles.css.
   ============================================================================ */
:root {
  --bg:       #eef2ef;
  --panel:    #ffffff;
  --row-alt:  #f7faf8;
  --border:   #d6e3da;
  --border2:  #c4d6ca;
  --ink:      #172418;
  --ink2:     #3d5c46;
  --ink3:     #7a9882;
  --primary:  #1b4d36;
  --primary-h:#123625;
  --primary-d:#143726;
  --header-grad: linear-gradient(135deg, var(--primary), var(--primary-d));
  --accent:   #2a7a52;
  --accent-l: #e6f4ed;
  --pill-bg:  #f0f7f3;
  --danger:   #c04040;
  --shadow:     0 4px 12px rgba(27,77,54,.10);
  --shadow-m:   0 14px 40px rgba(27,77,54,.16);
  --shadow-btn: 0 4px 12px rgba(27,77,54,.25);
  --r:          8px;
  --r-pill:     999px;
  --r-modal:    16px;
  --t:        .15s ease;
  --header-h: 58px;
  --toolbar-h: 0px;
  --chrome-h: var(--header-h);
}