:root {
  --wn-color-ink: #17252a;
  --wn-color-deep: #0c1519;
  --wn-color-sand: #f1e5cf;
  --wn-color-paper: #fffaf0;
  --wn-color-white: #fff;
  --wn-color-primary: #df6d2f;
  --wn-color-primary-hover: #bc5222;
  --wn-color-primary-link: #a8441d;
  --wn-color-secondary-hover: #283a40;
  --wn-color-teal: #1c8b8d;
  --wn-color-teal-dark: #155d5e;
  --wn-color-muted: #657278;
  --wn-color-line: #cfc3ad;
  --wn-color-control-line: #a99e8c;
  --wn-color-control-bg: #fffdf8;
  --wn-color-hero-eyebrow: #b3e5df;
  --wn-color-card-variant-teal: #315c5d;
  --wn-color-card-variant-earth: #8c4a2c;
  --wn-color-gallery-sand: #d8c8aa;
  --wn-color-gallery-ink: #3a3328;
  --wn-color-gallery-teal: #9bc7c0;
  --wn-color-gallery-orange: #d89b72;
  --wn-color-aside-muted: #c6d7d4;
  --wn-color-footer-muted: #c8d4d2;
  --wn-color-badge-border: #77aaa7;
  --wn-color-badge-bg: #eff8f6;
  --wn-color-success-border: #82b4a8;
  --wn-color-success-bg: #eef8f5;
  --wn-color-error: #8d2c19;

  --wn-overlay-hero: rgba(7, 17, 21, .52);
  --wn-line-white-soft: rgba(255, 255, 255, .22);
  --wn-line-white-mid: rgba(255, 255, 255, .3);
  --wn-shadow-card: 0 18px 45px rgba(12, 21, 25, .18);

  --wn-font-heading: "Bebas Neue", Impact, sans-serif;
  --wn-font-body: "Open Sans", Arial, sans-serif;
  --wn-font-weight-regular: 400;
  --wn-font-weight-bold: 700;
  --wn-line-body: 1.55;
  --wn-letter-spacing-none: 0;
  --wn-letter-spacing-eyebrow: .08em;

  --wn-space-1: 4px;
  --wn-space-2: 6px;
  --wn-space-3: 8px;
  --wn-space-4: 10px;
  --wn-space-5: 12px;
  --wn-space-6: 14px;
  --wn-space-7: 16px;
  --wn-space-8: 18px;
  --wn-space-9: 20px;
  --wn-space-10: 22px;
  --wn-space-11: 24px;
  --wn-space-12: 26px;
  --wn-space-13: 27px;
  --wn-space-14: 28px;
  --wn-space-15: 32px;
  --wn-space-16: 34px;
  --wn-space-17: 44px;
  --wn-space-18: 48px;
  --wn-space-19: 52px;
  --wn-space-20: 60px;
  --wn-space-21: 64px;
  --wn-space-22: 72px;
  --wn-space-23: 76px;
  --wn-space-24: 90px;
  --wn-space-25: 100px;
  --wn-space-26: 110px;

  --wn-width-page: 1220px;
  --wn-width-readable: 760px;
  --wn-width-profile-hero: 800px;
  --wn-width-section-copy: 660px;
  --wn-width-hero-copy: 650px;
  --wn-width-tagline: 600px;

  --wn-radius-none: 0;
  --wn-radius-control: 2px;
  --wn-radius-action: 3px;
  --wn-radius-round: 50%;

  --wn-control-height: 44px;
  --wn-form-control-height: 46px;
  --wn-header-height: 72px;
  --wn-breakpoint-tablet: 900px;
  --wn-breakpoint-mobile: 640px;

  --wngs-ink: var(--wn-color-ink);
  --wngs-deep: var(--wn-color-deep);
  --wngs-sand: var(--wn-color-sand);
  --wngs-paper: var(--wn-color-paper);
  --wngs-orange: var(--wn-color-primary);
  --wngs-teal: var(--wn-color-teal);
  --wngs-muted: var(--wn-color-muted);
  --wngs-line: var(--wn-color-line);
  --wngs-max: var(--wn-width-page);
  --wngs-shadow: var(--wn-shadow-card);
}