/* ============================================================
   Amplify Health — Token Set v1
   Vertical: Health (alinhado ao DS Universal Amplify §1.1, §1.2)
   Ref: ../../amplify-design-system.md
   Ref: ../../docs/ds-adendum-vertical-health.md (Fase 6)

   Decisão (Sprint 1, 25/04/2026):
   Opção B — manter hexes do vertical Health como exceção formal.
   Bronze 500/400 batem com DS §1.1; sage / charcoal / parchment
   divergem cosmeticamente e estão registrados no adendo.
   ============================================================ */

:root {
  /* ── Primitivas: Charcoal (vertical Health) ─────────────── */
  --color-deep:           #0d120e;   /* base — quase-preto verde */
  --color-deep-warm:      #111610;   /* surface morno */
  --color-deep-surface:   #161c14;   /* card surface */
  --color-deep-elevated:  #1c231a;   /* card elevado */

  /* ── Primitivas: Sage (vertical Health) ─────────────────── */
  --color-sage-500:       #5c7a50;   /* sage muted (mais escuro) */
  --color-sage-400:       #7a9b6d;   /* sage primário (uso default) */
  --color-sage-dim:       rgba(122,155,109,.5);
  --color-sage-whisper:   rgba(122,155,109,.08);

  /* ── Primitivas: Bronze (alinhado DS §1.1) ──────────────── */
  --color-bronze-500:     #a67c52;   /* DS-500 exato */
  --color-bronze-400:     #c9a47a;   /* DS-400 exato */
  --color-bronze-dim:     rgba(166,124,82,.5);
  --color-bronze-whisper: rgba(166,124,82,.06);

  /* ── Primitivas: Parchment (vertical Health) ────────────── */
  --color-parchment-100:  #f7f5f0;   /* texto principal */
  --color-parchment-dim:  rgba(247,245,240,.75);
  --color-parchment-muted:rgba(247,245,240,.5);
  --color-parchment-ghost:rgba(247,245,240,.08);

  /* ── Glass surfaces (Liquid Glass §7.3) ─────────────────── */
  --color-glass-bg:        rgba(22,28,20,.55);
  --color-glass-border-bronze:    rgba(166,124,82,.2);
  --color-glass-border-parchment: rgba(247,245,240,.1);
  --color-glass-border-subtle:    rgba(247,245,240,.09);
  --color-glass-border-strong:    rgba(247,245,240,.16);
  --color-glass-highlight: rgba(247,245,240,.03);
  --color-glass-blur:      blur(16px);

  /* ── Risk semântico (DS §1.1 — escala discreta) ─────────── */
  --color-risk-critical:  #c45d4a;
  --color-risk-high:      #c9894a;
  --color-risk-medium:    #c4a84a;

  /* ── Aliases legados (vertical Health, sem prefixo --color-) ─
     Ver ds-adendum-vertical-health.md.
     Aliases sem prefixo são variante aceita do vertical Health. */
  --deep:            var(--color-deep);
  --deep-warm:       var(--color-deep-warm);
  --deep-surface:    var(--color-deep-surface);
  --deep-elevated:   var(--color-deep-elevated);
  --sage:            var(--color-sage-400);
  --sage-muted:      var(--color-sage-500);
  --sage-dim:        var(--color-sage-dim);
  --sage-whisper:    var(--color-sage-whisper);
  --bronze:          var(--color-bronze-500);
  --bronze-light:    var(--color-bronze-400);
  --bronze-dim:      var(--color-bronze-dim);
  --bronze-whisper:  var(--color-bronze-whisper);
  --parchment:       var(--color-parchment-100);
  --parchment-dim:   var(--color-parchment-dim);
  --parchment-muted: var(--color-parchment-muted);
  --parchment-ghost: var(--color-parchment-ghost);
  --glass-bg:        var(--color-glass-bg);
  --glass-border-bronze:    var(--color-glass-border-bronze);
  --glass-border-parchment: var(--color-glass-border-parchment);
  --glass-border-s:  var(--color-glass-border-strong);
  --glass-border:    var(--color-glass-border-subtle);
  --glass-highlight: var(--color-glass-highlight);
  --glass-blur:      var(--color-glass-blur);
  --risk-critical:   var(--color-risk-critical);
  --risk-high:       var(--color-risk-high);
  --risk-medium:     var(--color-risk-medium);

  /* ── Tipografia (DS §1.3) ───────────────────────────────── */
  --serif: 'EB Garamond', Georgia, serif;
  --sans:  'DM Sans', system-ui, sans-serif;

  /* ── Geometria (DS §1.4) ────────────────────────────────── */
  --radius-sm: 10px;
  --radius:    16px;
  --radius-lg: 24px;

  /* ── Layout helpers ─────────────────────────────────────── */
  --px:      clamp(20px, 4vw, 60px);
  --section: clamp(80px, 12vw, 140px);
}