/*
 * Design tokens for Rationale Services.
 * Generated by scripts/tokens-to-css.mjs from the design system. Do not edit by hand:
 * change the design system and run the script again.
 */
:root {
  /* colour */
  --c-bg: #ffffff;
  --c-surface: #eef1f4;
  --c-surface-alt: #e3e7eb;
  --c-ink: #171e24;
  --c-ink-soft: #56626c;
  --c-line: #d4dae0;
  --c-brand: #024683;
  --c-brand-strong: #01335f;
  --c-on-brand: #ffffff;
  --c-accent: #1b608d;
  --c-on-accent: #ffffff;
  --c-dark: #01335f;
  --c-on-dark: #ffffff;
  --c-on-dark-soft: #b6d3ec;
  --c-focus: #024683;
  --c-focus-on-dark: #91c0de;
  --c-success: #1a6b42;
  --c-danger: #a52121;
  --c-brand-grey: #737373;
  --c-brand-rule: #d9d9d9;
  --c-scrim: rgba(1, 51, 95, 0.82);

  /* type */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-body: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --fs-display: clamp(2.5rem, 2.0109rem + 2.1739vw, 3.75rem);
  --fs-h1: clamp(2rem, 1.6576rem + 1.5217vw, 2.875rem);
  --fs-h2: clamp(1.625rem, 1.4293rem + 0.8696vw, 2.125rem);
  --fs-h3: clamp(1.25rem, 1.1522rem + 0.4348vw, 1.5rem);
  --fs-h4: 1.1875rem;
  --fs-lead: clamp(1.125rem, 1.0761rem + 0.2174vw, 1.25rem);
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.8125rem;
  --lh-tight: 1.067;
  --lh-heading: 1.206;
  --lh-body: 1.647;
  --fw-display: 600;
  --fw-heading: 600;
  --fw-body: 400;
  --fw-strong: 600;
  --ls-eyebrow: 0.09em;

  /* space */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --section-y: clamp(3.5rem, 2.4rem + 4.6vw, 6.5rem);
  --gutter: clamp(1.125rem, 0.6rem + 2.2vw, 2rem);
  --container: 75rem;
  --container-narrow: 44rem;

  /* shape */
  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 16px;
  --radius-pill: 999px;
  --shadow-1: 0 1px 2px rgba(2, 70, 131, 0.07), 0 2px 8px rgba(2, 70, 131, 0.07);
  --shadow-2: 0 6px 16px rgba(2, 70, 131, 0.10), 0 18px 44px rgba(2, 70, 131, 0.12);
  --header-h: 4.5rem;

  /* additional tokens from the design system */
  --shadow-3: 0 20px 60px rgba(1, 51, 95, 0.22);
  --duration-fast: 150ms;
  --duration-base: 250ms;
  --duration-slow: 500ms;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
  --ease-emphasis: cubic-bezier(0.16, 1, 0.3, 1);
  --stagger: 70ms;
  --reveal-distance: 18px;
  --arc-stroke: 1.5px;
}