/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --cal-color-white: #FFFFFF;
  --cal-color-black: #000000;
  --cal-color-blue-50: #F2F7FE;
  --cal-color-blue-100: #E1EEFF;
  --cal-color-blue-200: #C7DFFE;
  --cal-color-blue-300: #A0C9FE;
  --cal-color-blue-400: #71AFFE;
  --cal-color-blue-500: #3B94FC;
  --cal-color-blue-600: #2278D9;
  --cal-color-blue-700: #125FB3;
  --cal-color-blue-800: #034990;
  --cal-color-blue-900: #003974;
  --cal-color-blue-950: #00234C;
  --cal-color-orange-50: #FFF4F0;
  --cal-color-orange-100: #FFE7DE;
  --cal-color-orange-200: #FFD1BE;
  --cal-color-orange-300: #FFB08F;
  --cal-color-orange-400: #FF8650;
  --cal-color-orange-500: #FF6600;
  --cal-color-orange-600: #C64E02;
  --cal-color-orange-700: #9F3D00;
  --cal-color-orange-800: #7C2E01;
  --cal-color-orange-900: #5D2101;
  --cal-color-orange-950: #401501;
  --cal-color-green-50: #F2FBE5;
  --cal-color-green-100: #E3F5C7;
  --cal-color-green-200: #CAEB8C;
  --cal-color-green-300: #A8D915;
  --cal-color-green-400: #93BF06;
  --cal-color-green-500: #7EA402;
  --cal-color-green-600: #668602;
  --cal-color-green-700: #516B01;
  --cal-color-green-800: #3E5303;
  --cal-color-green-900: #2D3D00;
  --cal-color-green-950: #1D2900;
  --cal-color-cyan-50: #EDF9FE;
  --cal-color-cyan-100: #D5F2FE;
  --cal-color-cyan-200: #ABE7FE;
  --cal-color-cyan-300: #00CCFF;
  --cal-color-cyan-400: #06BEED;
  --cal-color-cyan-500: #02A3CC;
  --cal-color-cyan-600: #0386A8;
  --cal-color-cyan-700: #046B87;
  --cal-color-cyan-800: #015369;
  --cal-color-cyan-900: #023D4E;
  --cal-color-cyan-950: #012935;
  --cal-color-neutral-50: #F6F7F8;
  --cal-color-neutral-100: #EBEDF0;
  --cal-color-neutral-200: #D8DDE2;
  --cal-color-neutral-300: #C0C6CF;
  --cal-color-neutral-400: #A5ADB7;
  --cal-color-neutral-500: #8C949F;
  --cal-color-neutral-600: #727A83;
  --cal-color-neutral-700: #5B6169;
  --cal-color-neutral-800: #464B52;
  --cal-color-neutral-900: #33373D;
  --cal-color-neutral-950: #212429;
  --cal-color-red-50: #FEF4F3;
  --cal-color-red-100: #FEE7E3;
  --cal-color-red-200: #FED0CA;
  --cal-color-red-300: #FEAEA4;
  --cal-color-red-400: #FF8276;
  --cal-color-red-500: #FA4E46;
  --cal-color-red-600: #D53330;
  --cal-color-red-700: #AF2020;
  --cal-color-red-800: #8C0F12;
  --cal-color-red-900: #6C0006;
  --cal-color-red-950: #4B0003;
  --cal-color-amber-50: #FEF5EB;
  --cal-color-amber-100: #FEE9D2;
  --cal-color-amber-200: #FFD4A3;
  --cal-color-amber-300: #FEB55A;
  --cal-color-amber-400: #EB970B;
  --cal-color-amber-500: #CB8100;
  --cal-color-amber-600: #A66A04;
  --cal-color-amber-700: #855404;
  --cal-color-amber-800: #684002;
  --cal-color-amber-900: #4E2F00;
  --cal-color-amber-950: #351E01;
  --cal-space-none: 0px;
  --cal-space-3xs: 2px;
  --cal-space-2xs: 4px;
  --cal-space-xs: 8px;
  --cal-space-sm: 12px;
  --cal-space-md: 16px;
  --cal-space-lg: 24px;
  --cal-space-xl: 32px;
  --cal-space-2xl: 48px;
  --cal-space-3xl: 64px;
  --cal-radius-none: 0px;
  --cal-radius-sm: 4px;
  --cal-radius-md: 8px;
  --cal-radius-lg: 16px;
  --cal-radius-full: 9999px; /** Pills and circles; echoes the circle-based logo. */
  --cal-border-width-thin: 1px;
  --cal-border-width-thick: 2px;
  --cal-shadow-sm: 0px 1px 2px 0px #00234C1A;
  --cal-shadow-md: 0px 4px 12px 0px #00234C1F;
  --cal-shadow-lg: 0px 12px 32px 0px #00234C29;
  --cal-duration-fast: 120ms;
  --cal-duration-normal: 200ms;
  --cal-duration-slow: 320ms;
  --cal-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cal-easing-emphasized: cubic-bezier(0.3, 0, 0, 1.2);
  --cal-font-family-sans: Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif; /** Panton is the Calidos brand typeface (webfont licence: see @calidos/fonts). */
  --cal-font-family-mono: 'Cascadia Code', Consolas, ui-monospace, Menlo, monospace;
  --cal-font-weight-light: 300;
  --cal-font-weight-regular: 400;
  --cal-font-weight-semibold: 600;
  --cal-font-weight-bold: 700;
  --cal-font-size-xs: 0.75rem;
  --cal-font-size-sm: 0.875rem;
  --cal-font-size-md: 1rem;
  --cal-font-size-lg: 1.125rem;
  --cal-font-size-xl: 1.25rem;
  --cal-font-size-2xl: 1.5rem;
  --cal-font-size-3xl: 1.875rem;
  --cal-font-size-4xl: 2.25rem;
  --cal-font-size-5xl: 3rem;
  --cal-font-line-height-tight: 1.2;
  --cal-font-line-height-snug: 1.35;
  --cal-font-line-height-normal: 1.5;
  --cal-control-height-sm: 32px;
  --cal-control-height-md: 40px;
  --cal-control-height-lg: 48px;
  --cal-focus-ring-offset: 2px;
  --cal-color-brand-dark-blue: var(--cal-color-blue-900); /** Main colour. Confidence, power and unity. */
  --cal-color-brand-orange: var(--cal-color-orange-500); /** Main colour. Creativity, determination and success. 2.9:1 on white: decorative use only, never for text or controls. */
  --cal-color-brand-light-green: var(--cal-color-green-300); /** Secondary colour. The colour of life. */
  --cal-color-brand-light-blue: var(--cal-color-cyan-300); /** Secondary colour. Honesty, flexibility and trustworthiness. */
  --cal-color-text-default: var(--cal-color-neutral-900); /** Body text. */
  --cal-color-text-subtle: var(--cal-color-neutral-700); /** Secondary text; still meets 4.5:1 on all surfaces. */
  --cal-color-text-heading: var(--cal-color-blue-900); /** Headings use the brand Dark Blue. */
  --cal-color-text-disabled: var(--cal-color-neutral-500);
  --cal-color-text-inverse: var(--cal-color-white); /** Text on brand/inverse surfaces. */
  --cal-color-text-highlight-inverse: var(--cal-color-orange-400); /** Orange highlight text on brand (Dark Blue) surfaces, e.g. taglines (>= 4.5:1). */
  --cal-color-text-link: var(--cal-color-blue-700);
  --cal-color-text-link-hover: var(--cal-color-blue-900);
  --cal-color-surface-default: var(--cal-color-white);
  --cal-color-surface-subtle: var(--cal-color-neutral-50);
  --cal-color-surface-muted: var(--cal-color-neutral-100);
  --cal-color-surface-brand: var(--cal-color-blue-900); /** Dark Blue blocks, as used throughout the brandbook. */
  --cal-color-surface-inverse: var(--cal-color-neutral-950);
  --cal-color-border-default: var(--cal-color-neutral-200); /** Decorative dividers and card outlines. */
  --cal-color-border-strong: var(--cal-color-neutral-500); /** Form control borders (>= 3:1 on surface.default). */
  --cal-color-border-brand: var(--cal-color-blue-900);
  --cal-color-focus-ring: var(--cal-color-orange-600); /** Accessible variant of the brand Orange (4.7:1 on white). */
  --cal-color-action-primary-bg: var(--cal-color-blue-900);
  --cal-color-action-primary-bg-hover: var(--cal-color-blue-800);
  --cal-color-action-primary-bg-active: var(--cal-color-blue-950);
  --cal-color-action-primary-text: var(--cal-color-white);
  --cal-color-action-secondary-bg: var(--cal-color-white);
  --cal-color-action-secondary-bg-hover: var(--cal-color-blue-50);
  --cal-color-action-secondary-bg-active: var(--cal-color-blue-100);
  --cal-color-action-secondary-border: var(--cal-color-blue-900);
  --cal-color-action-secondary-text: var(--cal-color-blue-900);
  --cal-color-action-ghost-bg-hover: var(--cal-color-blue-50);
  --cal-color-action-ghost-bg-active: var(--cal-color-blue-100);
  --cal-color-action-ghost-text: var(--cal-color-blue-900);
  --cal-color-action-danger-bg: var(--cal-color-red-700);
  --cal-color-action-danger-bg-hover: var(--cal-color-red-800);
  --cal-color-action-danger-bg-active: var(--cal-color-red-900);
  --cal-color-action-danger-text: var(--cal-color-white);
  --cal-color-action-disabled-bg: var(--cal-color-neutral-100);
  --cal-color-action-disabled-border: var(--cal-color-neutral-200);
  --cal-color-action-disabled-text: var(--cal-color-neutral-500);
  --cal-color-feedback-success-text: var(--cal-color-green-800);
  --cal-color-feedback-success-bg: var(--cal-color-green-50);
  --cal-color-feedback-success-border: var(--cal-color-green-300);
  --cal-color-feedback-success-icon: var(--cal-color-green-600);
  --cal-color-feedback-warning-text: var(--cal-color-amber-800);
  --cal-color-feedback-warning-bg: var(--cal-color-amber-50);
  --cal-color-feedback-warning-border: var(--cal-color-amber-300);
  --cal-color-feedback-warning-icon: var(--cal-color-amber-600);
  --cal-color-feedback-danger-text: var(--cal-color-red-700);
  --cal-color-feedback-danger-bg: var(--cal-color-red-50);
  --cal-color-feedback-danger-border: var(--cal-color-red-300);
  --cal-color-feedback-danger-icon: var(--cal-color-red-600);
  --cal-color-feedback-info-text: var(--cal-color-cyan-800);
  --cal-color-feedback-info-bg: var(--cal-color-cyan-50);
  --cal-color-feedback-info-border: var(--cal-color-cyan-300);
  --cal-color-feedback-info-icon: var(--cal-color-cyan-600);
  --cal-color-accent-default: var(--cal-color-orange-500); /** Decorative accent (highlights, illustrations, brand bars). Not for text on light surfaces. */
  --cal-color-accent-strong: var(--cal-color-orange-700); /** Accent usable for text and icons on light surfaces (>= 4.5:1). */
  --cal-color-accent-subtle: var(--cal-color-orange-50); /** Tinted background. */
  --cal-color-accent-on: var(--cal-color-blue-950); /** Text/icons placed on accent.default (>= 4.5:1). */
  --cal-control-radius: var(--cal-radius-md);
  --cal-focus-ring-width: var(--cal-border-width-thick);
  --cal-typography-display: 700 3rem/1.2 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-heading-1: 700 2.25rem/1.2 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-heading-2: 700 1.875rem/1.2 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-heading-3: 600 1.5rem/1.35 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-heading-4: 600 1.25rem/1.35 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-body-lg: 400 1.125rem/1.5 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-body-md: 400 1rem/1.5 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-body-sm: 400 0.875rem/1.5 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-label-md: 600 0.875rem/1.35 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
  --cal-typography-caption: 400 0.75rem/1.5 Panton, 'Segoe UI', system-ui, -apple-system, Roboto, 'Helvetica Neue', Arial, sans-serif;
}