{# Attention Accent Macro — UX-035 consolidation primitive
   (cycle 282 extraction from framework-gaps/2026-04-20-attention-tier-taxonomy-drift.md)

   Consolidates the tier-to-class mapping used by 4 workspace regions:
     - grid-region    (style='border') — 4px left-border accent
     - timeline-region(style='bullet') — bullet marker text colour
     - queue-region   (style='both')   — border + 0.04 bg tint
     - list-region    (style='tint')   — 0.06/0.08 bg tint only

   The *semantic* token mapping (critical→--destructive, warning→--warning,
   notice→--primary) is the single source of truth.

   Contract: see dev_docs/framework-gaps/2026-04-20-attention-tier-taxonomy-drift.md

   v0.62 CSS refactor: macro now emits a pair of semantic class names
   `dz-attn-{style} dz-attn-tone-{tier}` instead of a long
   per-tier-per-style Tailwind class string. The (style × tone) matrix
   is resolved by combinator selectors in components/fragments.css —
   single source of truth for both the variant chrome (border vs tint
   vs both vs bullet) and the per-tier colour token. Replaces the
   #906-class JIT-invisibility risk that hung over the dynamic
   `bg-[hsl(var(--{token})/0.08)]` strings.
#}

{%- macro attention_classes(attn, style='border') -%}
{%- set tier = attn.level if attn else ('default' if style == 'bullet' else '') -%}
{%- if tier in ('critical', 'warning', 'notice') or (style == 'bullet' and tier == 'default') -%}
dz-attn-{{ style }} dz-attn-tone-{{ tier }}
{%- elif attn -%}
dz-attn-{{ style }}
{%- endif -%}
{%- endmacro -%}