:root {
  /* ARC'TYNOVA Product Design System — canonical tokens */
  --atn-color-ink: #0d2926;
  --atn-color-forest: #173d35;
  --atn-color-teal: #0f746a;
  --atn-color-teal-muted: #347d74;
  --atn-color-mint: #dcece6;
  --atn-color-lime: #dff58a;
  --atn-color-paper: #f4f5ef;
  --atn-color-warm: #fbfaf5;
  --atn-color-white: #ffffff;
  --atn-color-muted: #647773;
  --atn-color-line: rgba(13, 41, 38, .14);
  --atn-color-danger: #9a5147;
  --atn-color-commerce: #437dae;
  --atn-color-global: #c76a3a;
  --atn-color-brand-accent: #b72436;

  --atn-font-display: Georgia, "Iowan Old Style", "Noto Serif SC", "Songti SC", serif;
  --atn-font-body: Inter, Aptos, "Segoe UI Variable", "PingFang SC", "Microsoft YaHei", sans-serif;
  --atn-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --atn-space-1: 4px;
  --atn-space-2: 8px;
  --atn-space-3: 12px;
  --atn-space-4: 16px;
  --atn-space-5: 24px;
  --atn-space-6: 32px;
  --atn-space-7: 48px;
  --atn-space-8: 64px;

  --atn-radius-control: 12px;
  --atn-radius-card: 24px;
  --atn-radius-panel: 30px;
  --atn-radius-pill: 999px;
  --atn-shadow-float: 0 24px 70px rgba(21, 58, 49, .17), 0 3px 12px rgba(21, 58, 49, .06);
  --atn-shadow-card: 0 18px 54px rgba(20, 49, 44, .09);

  --atn-motion-fast: 180ms;
  --atn-motion-ui: 260ms;
  --atn-motion-brand: 2.18s;
  --atn-ease-ui: cubic-bezier(.22, 1, .36, 1);
  --atn-ease-breathe: cubic-bezier(.45, 0, .55, 1);
}


:root { --atn-font-product: Georgia, serif; --atn-font-product-weight: 700; --atn-letter-spacing-product: -.035em; }