/* Nano Hunters — web design tokens v1. Generated by src/build_tokens.py; do not hand-edit.
   Colours mirror the in-game Pearl Enamel kit (ui-prod-v1/tokens.json). */
:root {
  --nh-ink: #0E1A2E;
  --nh-orange: #FF6A2B;
  --nh-orange-hi: #FF8A4A;
  --nh-orange-lo: #E24E12;
  --nh-orange-lip: #B8330A;
  --nh-orange-text: #C43C0A;
  --nh-blue: #2B7FFF;
  --nh-blue-hi: #5AA0FF;
  --nh-blue-lo: #1656C8;
  --nh-blue-lip: #163E96;
  --nh-pearl: #F6F1E8;
  --nh-cream: #FFFAF3;
  --nh-cream-lo: #ECE0D4;
  --nh-cream-lip: #D7C4B6;
  --nh-track: #F0E6DC;
  --nh-track-inset: #E2D4C8;
  --nh-border: #E8D8CC;
  --nh-disabled: #E4D4C8;
  --nh-disabled-lip: #C8B8AC;
  --nh-sage: #7AA87E;
  --nh-success: #2F9E6B;
  --nh-white: #FFFFFF;
  --nh-ink-80: rgba(14, 26, 46, 0.80);
  --nh-ink-64: rgba(14, 26, 46, 0.64);
  --nh-shadow-rgb: 90, 50, 36;
  --nh-sky-pink: #F4D3D8;
  --nh-sky-peach: #F7E1D2;

  --nh-text-default: var(--nh-ink);
  --nh-text-muted: var(--nh-ink-80);
  --nh-text-on-dark: var(--nh-cream);
  --nh-text-on-orange: var(--nh-white);
  --nh-text-on-blue: var(--nh-white);
  --nh-text-accent-on-light: var(--nh-orange-text);
  --nh-text-accent-on-dark: var(--nh-orange);
  --nh-link: var(--nh-blue-lo);
  --nh-link-on-dark: var(--nh-blue-hi);
  --nh-surface-page: var(--nh-pearl);
  --nh-surface-card: var(--nh-cream);
  --nh-surface-dark: var(--nh-ink);
  --nh-focus-ring: var(--nh-blue);
  --nh-cta-primary: var(--nh-orange);
  --nh-cta-secondary: var(--nh-cream);
  --nh-cta-scan: var(--nh-blue);

  --nh-font-display: "Titan One", "Nunito", system-ui, sans-serif;
  --nh-font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;
  --nh-fs-display-xl: clamp(2.75rem, 1.821rem + 3.81vw, 5.25rem);
  --nh-lh-display-xl: 1.02;
  --nh-fw-display-xl: 400;
  --nh-fs-display-l: clamp(2.25rem, 1.693rem + 2.286vw, 3.75rem);
  --nh-lh-display-l: 1.05;
  --nh-fw-display-l: 400;
  --nh-fs-h2: clamp(1.875rem, 1.457rem + 1.714vw, 3rem);
  --nh-lh-h2: 1.1;
  --nh-fw-h2: 400;
  --nh-fs-h3: clamp(1.375rem, 1.236rem + 0.5714vw, 1.75rem);
  --nh-lh-h3: 1.2;
  --nh-fw-h3: 400;
  --nh-fs-eyebrow: clamp(0.8125rem, 0.7893rem + 0.09524vw, 0.875rem);
  --nh-lh-eyebrow: 1.3;
  --nh-fw-eyebrow: 800;
  --nh-fs-body-l: clamp(1.125rem, 1.079rem + 0.1905vw, 1.25rem);
  --nh-lh-body-l: 1.55;
  --nh-fw-body-l: 600;
  --nh-fs-body: clamp(1rem, 0.9768rem + 0.09524vw, 1.062rem);
  --nh-lh-body: 1.6;
  --nh-fw-body: 600;
  --nh-fs-label: 15px;
  --nh-lh-label: 1.35;
  --nh-fw-label: 700;
  --nh-fs-button: clamp(1rem, 0.9536rem + 0.1905vw, 1.125rem);
  --nh-lh-button: 1.1;
  --nh-fw-button: 800;
  --nh-fs-caption: clamp(0.8125rem, 0.7893rem + 0.09524vw, 0.875rem);
  --nh-lh-caption: 1.4;
  --nh-fw-caption: 600;
  --nh-fs-micro: clamp(0.6875rem, 0.6643rem + 0.09524vw, 0.75rem);
  --nh-lh-micro: 1.3;
  --nh-fw-micro: 700;

  --nh-space-0: 0rem; /* 0px */
  --nh-space-1: 0.25rem; /* 4px */
  --nh-space-2: 0.5rem; /* 8px */
  --nh-space-3: 0.75rem; /* 12px */
  --nh-space-4: 1rem; /* 16px */
  --nh-space-5: 1.25rem; /* 20px */
  --nh-space-6: 1.5rem; /* 24px */
  --nh-space-8: 2rem; /* 32px */
  --nh-space-10: 2.5rem; /* 40px */
  --nh-space-12: 3rem; /* 48px */
  --nh-space-16: 4rem; /* 64px */
  --nh-space-20: 5rem; /* 80px */
  --nh-space-24: 6rem; /* 96px */
  --nh-space-32: 8rem; /* 128px */
  --nh-radius-sm: 12px;
  --nh-radius-md: 18px;
  --nh-radius-lg: 24px;
  --nh-radius-xl: 32px;
  --nh-radius-pill: 999px;
  --nh-shadow-panel: 0 8px 18px rgba(90, 50, 36, 0.20);
  --nh-shadow-modal: 0 10px 24px rgba(90, 50, 36, 0.28);
  --nh-shadow-button: 0 6px 14px rgba(90, 50, 36, 0.22);
  --nh-shadow-float: 0 24px 48px rgba(90, 50, 36, 0.22);
  --nh-shadow-inset-well: inset 0 2px 4px rgba(90, 50, 36, 0.18);
  --nh-lip-normal: 5px;
  --nh-lip-pressed: 1px;
  --nh-lip-press-translate: 4px;
  --nh-dur-press: 80ms;
  --nh-ease-press: cubic-bezier(0.2, 0.8, 0.2, 1);
  --nh-dur-toggle: 120ms;
  --nh-ease-toggle: cubic-bezier(0.2, 0.8, 0.2, 1);
  --nh-dur-hover: 160ms;
  --nh-ease-hover: cubic-bezier(0.2, 0.8, 0.2, 1);
  --nh-dur-reveal: 560ms;
  --nh-ease-reveal: cubic-bezier(0.16, 1, 0.3, 1);
  --nh-dur-float: 4800ms;
  --nh-ease-float: ease-in-out;
  --nh-dur-scan-pulse: 1600ms;
  --nh-reveal-distance: 24px;
  --nh-float-distance: 10px;
  --nh-container-max: 1200px;
  --nh-container-wide: 1320px;
  --nh-gutter-mobile: 20px;
  --nh-gutter-desktop: 32px;
  --nh-columns-mobile: 4;
  --nh-columns-tablet: 8;
  --nh-columns-desktop: 12;
  --nh-column-gap: 24px;
  --nh-header-h-mobile: 64px;
  --nh-header-h-desktop: 76px;
  --nh-touch-min: 48px;
}

/* Breakpoints (min-width): sm 480px, md 768px, lg 1024px, xl 1280px, 2xl 1440px */
@media (prefers-reduced-motion: reduce) {
  :root { --nh-dur-reveal: 1ms; --nh-dur-float: 0ms; --nh-reveal-distance: 0px; --nh-float-distance: 0px; }
}