@layer tokens {
  :root {
    --z-color-ink: #101828; --z-color-muted: #667085; --z-color-border: #e4e7ec;
    --z-color-paper: #fff; --z-color-canvas: #f7f8fb;
    --z-color-primary: #1457d9; --z-color-primary-hover: #0f43aa; --z-color-primary-soft: #eaf1ff;
    --z-color-navy: #10233f; --z-color-accent: #ffbf2f; --z-color-focus: #ffbf2f;
    --z-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --z-radius-sm: .65rem; --z-radius-md: 1rem; --z-radius-lg: 1.5rem;
    --z-shadow-sm: 0 1px 2px rgb(16 24 40 / .06), 0 2px 8px rgb(16 24 40 / .05);
    --z-shadow-md: 0 18px 48px rgb(16 24 40 / .12);
    --z-container: 1200px; --z-gutter: clamp(1rem, 3vw, 2.5rem); --z-section: clamp(3rem, 7vw, 6.5rem);
    --z-transition: 180ms ease; --z-header-bg: #1457d9;
  }
}