:root {
  /* ArcSmith one look tokens. Contrast ratios are in tokens.json & README. */
  --as-ground: #F5F5F7;
  --as-surface: #FFFFFF;
  --as-topbar-ground: #FBFBFD;
  --as-raised: #F0F0F3;
  --as-line: #E6E6EB;
  --as-line-firm: #D2D2D7;
  --as-ink: #1D1D1F;
  --as-body: #424245;
  --as-muted: #6B6B70;
  --as-accent: #0071E3;
  --as-accent-hover: #0062C4;
  --as-link: #0066CC;
  --as-link-hover: #004F9F;
  --as-good: #1E7F38;
  --as-info: #0066CC;
  --as-warning: #905F18;
  --as-alert: #C9001A;
  --as-idea: #5E5CE6;
  --as-brand-ink: #1C1A17;
  --as-brand-moss: #46593F;
  --as-brand-cedar: #8E5B35;
  --as-brand-brass: #B07A35;
  --as-brand-glow: #E2B061;
  --as-brand-sage: #9AAA8C;
  --as-brand-haze: #CBD3C0;
  --as-brand-lake: #5F7F8A;
  --as-brand-stone: #F4EFE6;
  --as-radius-card: 18px;
  --as-radius-button: 7px;
  --as-radius-field: 10px;
  --as-radius-pill: 999px;
  --as-shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 4px 14px rgba(0,0,0,.05);
  --as-shadow-popover: 0 18px 44px rgba(0,0,0,.12);
  --as-gap: 16px;
  --as-topbar: 60px;
  --as-ease-standard: cubic-bezier(.22,.61,.2,1);
  --as-ease-settle: cubic-bezier(.2,.8,.2,1);
  --as-ease-draw: cubic-bezier(.6,0,.3,1);
  --as-ease-exit: cubic-bezier(.4,0,1,1);
  --as-dur-quick: 120ms;
  --as-dur-small: 200ms;
  --as-dur-medium: 320ms;
  --as-dur-large: 560ms;
  --as-dur-scene: 900ms;
  --as-dur-flight-first: 1750ms;
  --as-dur-flight-return: 1150ms;
  --as-dur-reduced-fade: 320ms;
  --as-font-ui: Inter, 'Inter Fallback', -apple-system, 'Segoe UI', system-ui, sans-serif;
}
/* metric matched stand in while Inter loads, so text doesn't jump when it swaps */
@font-face { font-family: 'Inter Fallback'; src: local('Arial'); ascent-override: 90.49%; descent-override: 22.56%; line-gap-override: 0%; size-adjust: 107.06%; }
@font-face { font-family: Inter; font-weight: 400; font-display: swap; src: url(fonts/inter-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 500; font-display: swap; src: url(fonts/inter-latin-500-normal.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 600; font-display: swap; src: url(fonts/inter-latin-600-normal.woff2) format('woff2'); }
@font-face { font-family: Inter; font-weight: 700; font-display: swap; src: url(fonts/inter-latin-700-normal.woff2) format('woff2'); }
@media (prefers-reduced-motion: reduce) { :root { --as-dur-quick: 0ms; --as-dur-small: 0ms; --as-dur-medium: 0ms; --as-dur-large: 0ms; --as-dur-scene: 0ms; } }