/* Dan-Max / P04.05. Shared tokens for the component samples and P04.06 homepage. */
:root {
  --dm-ink:#151614; --dm-paper:#eeeee7; --dm-surface:#e5e5db;
  --dm-orange:#ed6c32; --dm-orange-hover:#f38350; --dm-orange-active:#dc602b;
  --dm-muted:#566047; --dm-on-dark-muted:#bcc3af; --dm-copper:#98421f;
  --dm-line:#c5c8bd; --dm-control-border:#77816e;
  --dm-error:#a12c25; --dm-error-bg:#f6e9e4; --dm-success:#35513b; --dm-success-bg:#e2e8df;
  --dm-dark-error:#ffb5a7; --dm-focus-light:#98421f; --dm-focus-dark:#fba97d;
  --dm-font:"Segoe UI",Arial,sans-serif;
  --dm-space-1:4px; --dm-space-2:8px; --dm-space-3:12px; --dm-space-4:16px;
  --dm-space-6:24px; --dm-space-8:32px; --dm-space-12:48px; --dm-space-16:64px; --dm-space-24:96px;
  --dm-container:1280px; --dm-gutter:clamp(20px,5vw,80px);
  --dm-display:clamp(42px,6.4vw,88px); --dm-heading:clamp(34px,4.2vw,60px);
  --dm-subheading:clamp(22px,2.3vw,30px); --dm-body:16px; --dm-label:12px;
  --dm-header:88px; --dm-duration:180ms; --dm-ease:cubic-bezier(.2,.65,.3,1);
}
@media(max-width:900px){:root{--dm-header:76px}}
@media(prefers-reduced-motion:reduce){:root{--dm-duration:0ms}}