/** Base theme tokens
 ******************************************************/
:root {
    --main-background: rgb(244 245 247);
    --main-heading-colour: rgb(24 24 27);
    --main-eyebrow-colour: rgb(37 99 235);
    --main-text-colour: rgb(24 24 27);
    --main-link-colour: rgb(37 99 235);
    --main-link-hover: rgb(29 78 216);
    --main-button-background: rgb(37 99 235);
    --main-button-colour: rgb(255 255 255);
    --main-button-hover-background: rgb(29 78 216);
    --main-brand: rgb(37 99 235);
    --main-accent: rgb(37 99 235);
    --main-border-colour: rgb(15 23 42);
    --main-border-subtle: rgb(15 23 42);
    --main-shadow-colour: rgb(15 23 42);

    --feature-background: rgb(255 255 255);
    --feature-heading-colour: rgb(24 24 27);
    --feature-eyebrow-colour: rgb(191 219 254);
    --feature-text-colour: rgb(24 24 27);
    --feature-link-colour: rgb(37 99 235);
    --feature-link-hover: rgb(29 78 216);
    --feature-button-background: rgb(37 99 235);
    --feature-button-colour: rgb(255 255 255);
    --feature-button-hover-background: rgb(29 78 216);
    --feature-brand: rgb(226 232 240);
    --feature-accent: rgb(191 219 254);
    --feature-border-colour: rgb(15 23 42);
    --feature-border-subtle: rgb(15 23 42);
    --feature-shadow-colour: rgb(15 23 42);

    --contrast-background: rgb(248 250 252);
    --contrast-heading-colour: rgb(24 24 27);
    --contrast-eyebrow-colour: rgb(37 99 235);
    --contrast-text-colour: rgb(24 24 27);
    --contrast-link-colour: rgb(37 99 235);
    --contrast-link-hover: rgb(29 78 216);
    --contrast-button-background: rgb(37 99 235);
    --contrast-button-colour: rgb(255 255 255);
    --contrast-button-hover-background: rgb(29 78 216);
    --contrast-brand: rgb(37 99 235);
    --contrast-accent: rgb(37 99 235);
    --contrast-border-colour: rgb(15 23 42);
    --contrast-border-subtle: rgb(15 23 42);
    --contrast-shadow-colour: rgb(15 23 42);


    --colour-success: rgb(34 197 94);
    --colour-warning: rgb(245 158 11);
    --colour-danger: rgb(239 68 68);
    --colour-white: rgb(255 255 255);
    --colour-black: rgb(0 0 0);
    --colour-hero-scrim: rgb(8 15 30);
    --colour-card-shadow: rgb(31 43 56);

    --font-primary: "Helvetica Neue", Arial, sans-serif;
    --font-heading: "Helvetica Neue", Arial, sans-serif;

    --font-size-h1: 3.5rem;
    --font-size-h2: 2.5rem;
    --font-size-h3: 1.75rem;
    --font-size-h4: 1.375rem;
    --font-size-h5: 1.125rem;
    --font-size-h6: 0.875rem;
    --font-size-paragraph: 1rem;
    --font-size-button: 1rem;
    --font-size-small: 0.75rem;

    --font-size-xs: var(--font-size-small);
    --font-size-sm: var(--font-size-h6);
    --font-size-base: var(--font-size-paragraph);
    --font-size-md: var(--font-size-h5);
    --font-size-lg: var(--font-size-h4);
    --font-size-xl: var(--font-size-h3);
    --font-size-xxl: var(--font-size-h2);
    --font-size-hero: var(--font-size-h1);

    --line-height-tight: 1.2;
    --line-height-normal: 1.5;
    --line-height-loose: 1.7;

    --space-xxs: 4px;
    --space-xs: 8px;
    --space-sm: 12px;
    --space-md: 20px;
    --space-lg: 32px;
    --space-xl: 48px;
    --space-xxl: 72px;

    --block-width-contained: 1200px;
    --block-width-narrow: 800px;
    --page-gutter: min(20px, 5vw);
    --header-height: 90px;
    --section-padding: var(--space-xl);

    --button-padding-y: 10px;
    --button-padding-x: 18px;

    --border-radius-sm: 4px;
    --border-radius-md: 8px;
    --border-radius-lg: 14px;

    --transition-fast: 0.15s ease;
    --transition-normal: 0.25s ease;
}