@layer tokens{:root{--color-ink:#171a18;--color-muted:#68716b;--color-accent:#3fb349;--color-accent-hover:var(--color-accent);--color-product-accent:var(--color-accent);--color-accent-soft:#fff;--color-border:#e5e5e5;--color-surface:#f7f7f7;--color-white:#fff;--green:var(--color-accent);--green-ink:var(--color-accent);--navy:var(--color-ink);--red:var(--color-accent);--ink:var(--color-ink);--muted:var(--color-muted);--line:var(--color-border);--paper:var(--color-surface);--white:var(--color-white);--radius:5px;--radius-card:22px;--radius-panel:18px;--radius-control:12px;--font-sans:Arial,Helvetica,sans-serif;--type-h1:clamp(48px,4vw,60px);--type-h2:clamp(32px,2.8vw,40px);--type-h3:24px;--type-body:16px;--type-section:18px;--type-ui:16px;--type-help:14px;--type-nav:16px;--leading-body:1.65;--leading-heading:1.14}}