/* NANKMOS home design tokens. Phase 3.3 will consume these tokens. */
:root {
  --nms-color-ink: #111820;
  --nms-color-ink-soft: #4f5a64;
  --nms-color-blue: #075bd8;
  --nms-color-blue-dark: #0645a5;
  --nms-color-orange: #ef8b18;
  --nms-color-green: #16883b;
  --nms-color-red: #c83a32;
  --nms-color-white: #ffffff;
  --nms-color-paper: #f5f7f8;
  --nms-color-line: #d9e0e5;
  --nms-color-panel: #edf1f4;
  --nms-color-dark-panel: #151e27;

  --nms-font-sans: Inter, Arial, Helvetica, sans-serif;
  --nms-font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --nms-font-size-h1: clamp(2.5rem, 5vw, 4.5rem);
  --nms-font-size-h2: clamp(1.75rem, 3vw, 2.35rem);
  --nms-font-size-h3: 1.125rem;
  --nms-font-size-body: 1rem;
  --nms-font-size-small: 0.875rem;
  --nms-font-size-meta: 0.75rem;
  --nms-font-size-micro: 0.6875rem;
  --nms-line-heading: 1.05;
  --nms-line-body: 1.55;

  --nms-container: 1280px;
  --nms-container-wide: 1440px;
  --nms-container-max: 1520px;
  --nms-gutter: clamp(24px, 5.55vw, 80px);
  --nms-section-y: 72px;
  --nms-section-y-tablet: 56px;
  --nms-section-y-mobile: 40px;
  --nms-grid-gap: 16px;
  --nms-grid-gap-mobile: 12px;
  --nms-space-18: 18px;
  --nms-space-20: 20px;
  --nms-space-24: 24px;
  --nms-card-padding: 20px;
  --nms-button-height: 48px;
  --nms-button-height-mobile: 44px;
  --nms-radius-sm: 2px;
  --nms-radius-md: 4px;
  --nms-shadow-card: 0 4px 18px rgb(17 24 32 / 8%);
  --nms-shadow-float: 0 12px 32px rgb(17 24 32 / 16%);
  --nms-transition: 180ms ease;
}