/* Generated from brand/tokens.json. Do not edit this file directly.
   Run: npm --prefix site run brand:tokens */
:root {
  /* color */
  --color-paper: #f8f7f4;
  --color-paper-rgb: 248, 247, 244;
  --color-text: #16233a;
  --color-text-rgb: 22, 35, 58;
  --color-ink: #0d68a1;
  --color-ink-rgb: 13, 104, 161;
  --color-ink-hover: #0a557f;
  --color-ink-hover-rgb: 10, 85, 127;
  --color-sky: #91b7ca;
  --color-sky-rgb: 145, 183, 202;
  --color-surface: #fdfcf8;
  --color-surface-rgb: 253, 252, 248;
  --color-surface-muted: #f1efe9;
  --color-surface-muted-rgb: 241, 239, 233;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-shadow: #000000;
  --color-shadow-rgb: 0, 0, 0;
  --color-grid-base: #30546e;
  --color-grid-base-rgb: 48, 84, 110;
  --color-character-line: #203550;
  --color-character-line-rgb: 32, 53, 80;
  --color-character-detail: #6d8092;
  --color-character-detail-rgb: 109, 128, 146;
  --color-character-joint: #c6d1d7;
  --color-character-joint-rgb: 198, 209, 215;
  --color-character-warm: #e87445;
  --color-character-warm-rgb: 232, 116, 69;
  --color-text-soft: rgba(var(--color-text-rgb), 0.72);
  --color-text-strong: rgba(var(--color-text-rgb), 0.85);
  --color-ink-soft: rgba(var(--color-ink-rgb), 0.6);
  --color-ink-faint: rgba(var(--color-ink-rgb), 0.1);
  --color-rule: rgba(var(--color-ink-rgb), 0.26);
  --color-grid: rgba(var(--color-grid-base-rgb), 0.065);
  --color-ink-pulse: rgba(var(--color-ink-rgb), 0.35);
  --color-ink-transparent: rgba(var(--color-ink-rgb), 0);
  --color-paper-veil: rgba(var(--color-paper-rgb), 0.85);
  --color-paper-veil-mobile: rgba(var(--color-paper-rgb), 0.72);
  --color-paper-overlay: rgba(var(--color-paper-rgb), 0.94);
  --color-shadow-strong: rgba(var(--color-shadow-rgb), 0.85);
  --color-shadow-soft: rgba(var(--color-shadow-rgb), 0.65);
  --color-shadow-header: rgba(var(--color-shadow-rgb), 0.6);
  --color-border-inverse: rgba(var(--color-white-rgb), 0.4392156862745098);
  --color-border-paper: rgba(var(--color-text-rgb), 0.1568627450980392);
  --color-shadow-toolbar: rgba(var(--color-text-rgb), 0.043137254901960784);
  --color-shadow-focus: rgba(var(--color-text-rgb), 0.12549019607843137);
  --color-shadow-paper: rgba(var(--color-ink-rgb), 0.03137254901960784);
  --color-paper-lines: rgba(var(--color-ink-rgb), 0.16862745098039217);
  --color-paper-grid: rgba(var(--color-ink-rgb), 0.18823529411764706);
  --color-paper-divider: rgba(var(--color-ink-rgb), 0.12941176470588237);
  --color-paper-edge: rgba(var(--color-ink-rgb), 0.25098039215686274);

  /* font */
  --font-body: 'Satoshi', Arial, sans-serif;
  --font-brand: 'Cabinet Grotesk', sans-serif;

  /* type */
  --type-root: 17px;
  --type-root-mobile: 16px;
  --type-weight-regular: 400;
  --type-weight-medium: 500;
  --type-weight-bold: 700;
  --type-body: 1rem;
  --type-body-small: 0.9rem;
  --type-body-detail: 0.85rem;
  --type-caption: 0.74rem;
  --type-label: 0.8rem;
  --type-meta: 0.78rem;
  --type-button: 0.91rem;
  --type-navigation: 0.82rem;
  --type-navigation-small: 0.74rem;
  --type-hero: clamp(3.05rem, 5.2vw, 5.35rem);
  --type-hero-tablet: clamp(3rem, 5.7vw, 4rem);
  --type-hero-mobile: clamp(2.15rem, 9.7vw, 3rem);
  --type-hero-line: clamp(1.05rem, 1.38vw, 1.2rem);
  --type-heading: clamp(2rem, 3.25vw, 3.35rem);
  --type-lede: clamp(1.02rem, 1.2vw, 1.16rem);
  --type-step-title: clamp(1.4rem, 2.15vw, 1.95rem);
  --type-card-title: 1.12rem;
  --type-tabs: 1.15rem;
  --type-wordmark: 2rem;
  --type-wordmark-mobile: 1.85rem;
  --type-footer-wordmark: clamp(2.75rem, 4vw, 3.5rem);
  --type-line-body: 1.5;
  --type-line-copy: 1.58;
  --type-line-heading: 1.1;
  --type-line-hero: 1.055;
  --type-tracking-display: -0.045em;
  --type-tracking-hero: -0.05em;
  --type-tracking-label: 0.015em;
  --type-heading-handover: clamp(1.85rem, 2.7vw, 2.8rem);
  --type-heading-booking: clamp(2rem, 3vw, 3.25rem);
  --type-heading-booking-mobile: 2.1rem;
  --type-schedule-heading: 1.05rem;
  --type-sample-eyebrow: 0.64rem;
  --type-section-number: 0.73rem;

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 1.75rem;
  --space-8: 2rem;
  --space-9: 2.25rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-22: 5.5rem;
  --space-24: 6rem;
  --space-26: 6.5rem;
  --space-28: 7rem;
  --space-30: 7.5rem;
  --space-32: 8rem;
  --space-copy-gap: 1.2rem;
  --space-group-gap: 1.6rem;
  --space-detail-gap: 0.6rem;

  /* layout */
  --layout-gutter: clamp(1.25rem, 6vw, 6rem);
  --layout-columns: 6;
  --layout-columns-mobile: 3;
  --layout-column: calc((100vw - 2 * var(--gutter)) / var(--cols));
  --layout-hero-max: 1400px;
  --layout-content-max: 1450px;
  --layout-grid-row: 10rem;
  --layout-grid-row-mobile: 8rem;

  /* control */
  --control-target-min: 44px;
  --control-language-size: 2.75rem;
  --control-button-padding-block: var(--space-4);
  --control-button-padding-inline: var(--space-6);
  --control-border-width: 1px;
  --control-focus-width: 2px;
  --control-focus-offset: 3px;
  --control-radius: 0;

  /* motion */
  --motion-fast: 0.2s;
  --motion-tab: 0.22s;
  --motion-navigation: 0.25s;
  --motion-state: 0.3s;
  --motion-settle: 0.5s;
  --motion-label: 0.6s;
  --motion-calendar: 0.7s;
  --motion-reveal: 0.9s;
  --motion-trace: 0.48s;
  --motion-pulse: 1.6s;
  --motion-heartbeat: 3.2s;
  --motion-figure: 2.6s;
  --motion-ease: ease;
  --motion-ease-out: ease-out;
  --motion-ease-in-out: ease-in-out;
  --motion-ease-rise: cubic-bezier(0.2, 0.7, 0.2, 1);
  --motion-ease-draw: cubic-bezier(0.4, 0, 0.2, 1);
  --motion-follow: 0.4s;
  --motion-character-period: 3.2s;
  --motion-character-leg-back: 3.2deg;
  --motion-character-leg-front: -4.5deg;
  --motion-character-head-limit: 18deg;
  --motion-character-head-speed: 55;
  --motion-character-head-response: 4.5;
  --motion-character-head-idle: 1700ms;

  /* alias */
  --paper: var(--color-paper);
  --paper-rgb: 248, 247, 244;
  --text: var(--color-text);
  --text-rgb: 22, 35, 58;
  --text-soft: var(--color-text-soft);
  --ink: var(--color-ink);
  --ink-rgb: 13, 104, 161;
  --ink-soft: var(--color-ink-soft);
  --ink-faint: var(--color-ink-faint);
  --rule: var(--color-rule);
  --sans: var(--font-body);
  --mono: var(--font-body);
  --brand: var(--font-brand);
  --gutter: var(--layout-gutter);
  --cols: var(--layout-columns);
  --col: var(--layout-column);
}