/* AcolheAPS — Design tokens
   Valores canônicos alinhados ao docs/design-system.md */
:root {
  /* ── Identidade visual ──────────────────────────── */
  --fundo:       #F5F0E8;
  --card:        #FDFAF5;
  --bege:        #EDE3D4;

  --teal:        #1B4F6B;
  --teal-light:  #2E6B8A;
  --teal-50:     rgba(27, 79, 107, 0.07);

  --verde:       #6B8B4A;
  --verde-light: #8BAD6A;
  --verde-50:    rgba(107, 139, 74, 0.08);

  --ambar:       #D4A843;
  --ambar-50:    rgba(212, 168, 67, 0.10);

  --terracota:   #C4722A;
  --terracota-2: #A85820;
  --terracota-50:rgba(196, 114, 42, 0.08);

  --azul-claro:  #8BA4C4;
  --azul-50:     rgba(139, 164, 196, 0.10);

  --urgencia:    #A63020;

  /* ── Status de procedimentos ────────────────────── */
  --status-concluido:  #6B8B4A;
  --status-pendente:   #1B4F6B;
  --status-atrasado:   #C4722A;
  --status-futuro:     #8BA4C4;
  --status-atencao:    #D4A843;
  --status-urgencia:   #A63020;

  /* ── Texto ─────────────────────────────────────── */
  --txt:         #2C1810;
  --txt-m:       #7A6555;
  --txt-l:       #B0A090;

  /* ── Bordas e sombras ───────────────────────────── */
  --borda:       rgba(44, 24, 16, 0.10);
  --borda-sm:    rgba(44, 24, 16, 0.06);
  --shadow-card: 0 4px 16px rgba(27, 79, 107, 0.08);
  --shadow-hover:0 6px 24px rgba(27, 79, 107, 0.13);

  /* ── Geometria ──────────────────────────────────── */
  --r:           16px;
  --r-sm:        10px;
  --r-xs:        6px;
  --r-lg:        22px;

  /* ── Tipografia ─────────────────────────────────── */
  --font-sans:   'Inter', system-ui, -apple-system, sans-serif;
  --font-serif:  'Lora', Georgia, serif;

  /* ── Toque / acessibilidade ─────────────────────── */
  --tap-min:     48px;

  /* ── Transições ─────────────────────────────────── */
  --transition:  0.18s ease;
}