/* Generated from pulse.tokens.json. Edit the token source, not this export. */
:root {
  --pulse-colour-ink: #071720;
  --pulse-colour-ink-2: #091B25;
  --pulse-colour-navy: #0B202B;
  --pulse-colour-surface: #102C38;
  --pulse-colour-raised: #163745;
  --pulse-colour-stroke: #2C4D57;
  --pulse-colour-white: #F4F8FA;
  --pulse-colour-muted: #B6C9D0;
  --pulse-colour-subtle: #7E99A4;
  --pulse-colour-teal: #3DE0CD;
  --pulse-colour-teal-hover: #6FE8D9;
  --pulse-colour-teal-pressed: #2BC9B7;
  --pulse-colour-teal-light: #007C72;
  --pulse-colour-paper: #E9F1F3;
  --pulse-colour-paper-muted: #3F5A66;
  --pulse-colour-rose: #FF6B8A;
  --pulse-colour-rose-light: #B62D57;
  --pulse-colour-marking-dark: #FF6B7D;
  --pulse-colour-marking-light: #C8102E;
  --pulse-colour-positive: #7EE3AE;
  --pulse-colour-negative: #FF9398;
  --pulse-colour-warning: #FFD08A;
  --pulse-colour-positive-light: #17643B;
  --pulse-colour-negative-light: #A22235;
  --pulse-colour-warning-light: #805500;
  --pulse-colour-control-dark: #7E99A4;
  --pulse-colour-control-light: #617D89;
  --pulse-colour-rose-hover: #FF86A0;
  --pulse-colour-rose-pressed: #F25578;
  --pulse-colour-rose-light-hover: #A2234B;
  --pulse-colour-rose-light-pressed: #8C193E;
  --pulse-font-display: 'Inter Display', Inter, system-ui, sans-serif;
  --pulse-font-body: Inter, system-ui, sans-serif;
  --pulse-font-mono: ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --pulse-font-marking: Barlow, Inter, system-ui, sans-serif;
  --pulse-text-display: 4rem;
  --pulse-text-h1: 3rem;
  --pulse-text-h2: 2rem;
  --pulse-text-h3: 1.375rem;
  --pulse-text-h4: 1.125rem;
  --pulse-text-lead: 1.25rem;
  --pulse-text-body: 1rem;
  --pulse-text-small: 0.875rem;
  --pulse-text-meta: 0.8125rem;
  --pulse-leading-body: 1.6;
  --pulse-leading-heading: 1.08;
  --pulse-tracking-heading: -0.028em;
  --pulse-radius-small: 8px;
  --pulse-radius-medium: 14px;
  --pulse-radius-large: 22px;
  --pulse-radius-pill: 999px;
  --pulse-touch-min: 44px;
  --pulse-control-height: 48px;
  --pulse-container: 1320px;
  --pulse-measure: 68ch;
  --pulse-gutter-mobile: 20px;
  --pulse-gutter-tablet: 32px;
  --pulse-gutter-desktop: 64px;
  --pulse-header-height: 72px;
  --pulse-duration-fast: 150ms;
  --pulse-ease-out: cubic-bezier(.2,.7,.2,1);
  --pulse-focus-width: 3px;
  --pulse-focus-offset: 3px;
  --pulse-z-sticky: 20;
  --pulse-z-overlay: 40;
  --pulse-z-modal: 60;
  --pulse-z-notification: 80;
  --pulse-space-1: 4px;
  --pulse-space-2: 8px;
  --pulse-space-3: 12px;
  --pulse-space-4: 16px;
  --pulse-space-5: 20px;
  --pulse-space-6: 24px;
  --pulse-space-8: 32px;
  --pulse-space-10: 40px;
  --pulse-space-12: 48px;
  --pulse-space-16: 64px;
  --pulse-space-20: 80px;
  --pulse-space-24: 96px;
  --pulse-space-32: 128px;
}
:root, [data-theme="dark"] {
  color-scheme: dark;
  --pulse-page: var(--pulse-colour-ink);
  --pulse-band: var(--pulse-colour-ink-2);
  --pulse-sunken: var(--pulse-colour-navy);
  --pulse-surface: var(--pulse-colour-surface);
  --pulse-raised: var(--pulse-colour-raised);
  --pulse-text: var(--pulse-colour-white);
  --pulse-muted: var(--pulse-colour-muted);
  --pulse-subtle: var(--pulse-colour-muted);
  --pulse-border: var(--pulse-colour-stroke);
  --pulse-control-border: var(--pulse-colour-control-dark);
  --pulse-action: var(--pulse-colour-rose);
  --pulse-action-hover: var(--pulse-colour-rose-hover);
  --pulse-action-pressed: var(--pulse-colour-rose-pressed);
  --pulse-on-action: var(--pulse-colour-ink);
  --pulse-product: var(--pulse-colour-rose);
  --pulse-focus: var(--pulse-colour-teal);
  --pulse-marking: var(--pulse-colour-marking-dark);
  --pulse-success: var(--pulse-colour-positive);
  --pulse-danger: var(--pulse-colour-negative);
  --pulse-warning: var(--pulse-colour-warning);
  --pulse-link: var(--pulse-colour-teal);
}
[data-theme="light"] {
  color-scheme: light;
  --pulse-page: var(--pulse-colour-white);
  --pulse-band: var(--pulse-colour-paper);
  --pulse-sunken: var(--pulse-colour-paper);
  --pulse-surface: #FFFFFF;
  --pulse-raised: var(--pulse-colour-paper);
  --pulse-text: var(--pulse-colour-ink);
  --pulse-muted: var(--pulse-colour-paper-muted);
  --pulse-subtle: var(--pulse-colour-paper-muted);
  --pulse-border: #CBD8DD;
  --pulse-control-border: var(--pulse-colour-control-light);
  --pulse-action: var(--pulse-colour-rose-light);
  --pulse-action-hover: var(--pulse-colour-rose-light-hover);
  --pulse-action-pressed: var(--pulse-colour-rose-light-pressed);
  --pulse-on-action: #FFFFFF;
  --pulse-product: var(--pulse-colour-rose-light);
  --pulse-focus: var(--pulse-colour-teal-light);
  --pulse-marking: var(--pulse-colour-marking-light);
  --pulse-success: var(--pulse-colour-positive-light);
  --pulse-danger: var(--pulse-colour-negative-light);
  --pulse-warning: var(--pulse-colour-warning-light);
  --pulse-link: #00685F;
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]):not([data-theme="light"]), [data-theme="system"] {
    color-scheme: light;
  --pulse-page: var(--pulse-colour-white);
  --pulse-band: var(--pulse-colour-paper);
  --pulse-sunken: var(--pulse-colour-paper);
  --pulse-surface: #FFFFFF;
  --pulse-raised: var(--pulse-colour-paper);
  --pulse-text: var(--pulse-colour-ink);
  --pulse-muted: var(--pulse-colour-paper-muted);
  --pulse-subtle: var(--pulse-colour-paper-muted);
  --pulse-border: #CBD8DD;
  --pulse-control-border: var(--pulse-colour-control-light);
  --pulse-action: var(--pulse-colour-rose-light);
  --pulse-action-hover: var(--pulse-colour-rose-light-hover);
  --pulse-action-pressed: var(--pulse-colour-rose-light-pressed);
  --pulse-on-action: #FFFFFF;
  --pulse-product: var(--pulse-colour-rose-light);
  --pulse-focus: var(--pulse-colour-teal-light);
  --pulse-marking: var(--pulse-colour-marking-light);
  --pulse-success: var(--pulse-colour-positive-light);
  --pulse-danger: var(--pulse-colour-negative-light);
  --pulse-warning: var(--pulse-colour-warning-light);
  --pulse-link: #00685F;
  }
}