/* Generated from Figma Variables. First mode = :root default.
   FLOAT tokens are unitless — multiply by 1px in calc() where a length is needed. */

:root {
  --112: 112; /* @kind spacing */
  --12: 12; /* @kind spacing */
  --152: 152; /* @kind spacing */
  --16: 16; /* @kind spacing */
  --24: 24; /* @kind spacing */
  --32: 32; /* @kind spacing */
  --40: 40; /* @kind spacing */
  --48: 48; /* @kind spacing */
  --4: 4; /* @kind spacing */
  --64: 64; /* @kind spacing */
  --80: 80; /* @kind spacing */
  --8: 8; /* @kind spacing */
  --accent-500: rgb(236,232,26); /* @kind color */
  --additional-aqua: rgb(34,238,255); /* @kind color */
  --additional-green: rgb(50,215,75); /* @kind color */
  --additional-orange: rgb(255,138,0); /* @kind color */
  --bg-base: var(--neutral-black); /* @kind color */
  --bg-highlight-subtle: var(--brand-bright-teal-10); /* @kind color */
  --bg-highlight: var(--brand-bright-teal); /* @kind color */
  --bg-interactive-fill-default: var(--brand-bright-yellow); /* @kind color */
  --bg-interactive-fill-hover: var(--brand-neon-yellow); /* @kind color */
  --bg-interactive-ghost-hover: var(--brand-bright-yellow-20); /* @kind color */
  --bg-interactive-subtle-disabled: var(--neutral-anthracite); /* @kind color */
  --bg-interactive-subtle-hover: var(--neutral-white-10); /* @kind color */
  --bg-interactive-subtle-selected: var(--neutral-white-20); /* @kind color */
  --bg-overlay: var(--neutral-space-grey); /* @kind color */
  --bg-raised: var(--neutral-anthracite); /* @kind color */
  --bg-subtle: var(--neutral-carbon); /* @kind color */
  --block-padding-vertical: 80;
  --brand-bright-teal-10: rgba(77,237,255,0.1); /* @kind color */
  --brand-bright-teal: rgb(77,237,255); /* @kind color */
  --brand-bright-yellow-20: rgba(236,232,26,0.2); /* @kind color */
  --brand-bright-yellow: rgb(236,232,26); /* @kind color */
  --brand-neon-yellow: rgb(255,255,51); /* @kind color */
  --column-gap: 24;
  --corsair-yellow-2: rgb(236,232,26); /* @kind color */
  --corsair-yellow-3: rgb(236,232,26); /* @kind color */
  --corsair-yellow-4: rgb(236,232,26); /* @kind color */
  --corsair-yellow: rgb(236,232,26); /* @kind color */
  --error-light: rgb(255,105,97); /* @kind color */
  --font-family-body: "Saira";
  --font-family-display: "Saira Expanded";
  --font-family-header: "Saira";
  --font-family-label: "Saira";
  --font-line-height-body-copy-1: 30;
  --font-line-height-body-copy-2: 22;
  --font-line-height-cta: 20;
  --font-line-height-disclaimer: 16;
  --font-line-height-header-1: 80;
  --font-line-height-header-2: 64;
  --font-line-height-header-3: 52;
  --font-line-height-header-4: 44;
  --font-line-height-header-5: 36;
  --font-line-height-header-6: 28;
  --font-line-height-subhead-1: 30;
  --font-line-height-subhead-2: 22;
  --font-size-body-copy-1: 21;
  --font-size-body-copy-2: 16;
  --font-size-cta: 16;
  --font-size-disclaimer: 12;
  --font-size-header-1: 80;
  --font-size-header-2: 64;
  --font-size-header-3: 48;
  --font-size-header-4: 40;
  --font-size-header-5: 32;
  --font-size-header-6: 24;
  --font-size-subhead-1: 26;
  --font-size-subhead-2: 18;
  --font-weight-light: "Light"; /* @kind other */
  --font-weight-medium: "Medium"; /* @kind other */
  --font-weight-regular: "Regular"; /* @kind other */
  --font-weight-semibold: "SemiBold"; /* @kind other */
  --gradient-horizon-blue: rgb(94,202,235); /* @kind color */
  --gradient-horizon-orange: rgb(249,162,98); /* @kind color */
  --gradient-horizon-red: rgb(239,70,108); /* @kind color */
  --gradient-horizon-yellow: rgb(241,230,126); /* @kind color */
  --icons-general-default: var(--neutral-300-2); /* @kind color */
  --input-default-stroke: rgba(255,255,255,0); /* @kind color */
  --margin: 152;
  --neutral-300-2: rgb(144,148,157); /* @kind color */
  --neutral-300: rgb(190,190,190); /* @kind color */
  --neutral-400: rgb(140,140,140); /* @kind color */
  --neutral-700: rgb(33,33,38); /* @kind color */
  --neutral-800-dark-grey: rgb(30,30,30); /* @kind color */
  --neutral-anthracite: rgb(25,25,25); /* @kind color */
  --neutral-black-2: rgb(0,0,0); /* @kind color */
  --neutral-black-3: rgb(0,0,0); /* @kind color */
  --neutral-black: rgb(0,0,0); /* @kind color */
  --neutral-bright-grey: rgb(212,216,218); /* @kind color */
  --neutral-carbon: rgb(13,13,13); /* @kind color */
  --neutral-dark-grey: rgb(55,54,56); /* @kind color */
  --neutral-dim-grey: rgb(84,84,84); /* @kind color */
  --neutral-light-grey: rgb(193,198,200); /* @kind color */
  --neutral-mid-grey: rgb(140,140,142); /* @kind color */
  --neutral-neon-silver: rgb(204,204,204); /* @kind color */
  --neutral-space-grey: rgb(38,38,38); /* @kind color */
  --neutral-steel-grey: rgb(117,117,120); /* @kind color */
  --neutral-vivid-grey: rgb(95,98,107); /* @kind color */
  --neutral-white-10: rgba(255,255,255,0.1); /* @kind color */
  --neutral-white-20: rgba(255,255,255,0.2); /* @kind color */
  --neutral-white-2: rgb(255,255,255); /* @kind color */
  --neutral-white-3: rgb(255,255,255); /* @kind color */
  --neutral-white: rgb(255,255,255); /* @kind color */
  --primary-500: rgb(236,232,26); /* @kind color */
  --status-amber: rgb(198,139,52); /* @kind color */
  --status-cyan-muted: rgb(30,163,175); /* @kind color */
  --status-cyan: rgb(34,184,207); /* @kind color */
  --status-green: rgb(55,182,121); /* @kind color */
  --status-red-bright: rgb(255,77,106); /* @kind color */
  --status-red-muted: rgb(171,77,71); /* @kind color */
  --status-red: rgb(218,60,60); /* @kind color */
  --stroke-accent: var(--brand-bright-yellow); /* @kind color */
  --stroke-error: var(--status-red-muted); /* @kind color */
  --stroke-highlight: var(--brand-bright-teal); /* @kind color */
  --stroke-inverse: var(--neutral-black); /* @kind color */
  --stroke-mid: var(--neutral-mid-grey); /* @kind color */
  --stroke-muted: var(--neutral-space-grey); /* @kind color */
  --stroke-strong: var(--neutral-white); /* @kind color */
  --stroke-subtle: var(--neutral-dim-grey); /* @kind color */
  --text-accent: var(--brand-bright-yellow); /* @kind color */
  --text-base: var(--neutral-light-grey); /* @kind color */
  --text-error: var(--status-red-bright); /* @kind color */
  --text-highlight: var(--brand-bright-teal); /* @kind color */
  --text-inverse: var(--neutral-black); /* @kind color */
  --text-muted: var(--neutral-steel-grey); /* @kind color */
  --text-strong: var(--neutral-white); /* @kind color */
  --text-subtle: var(--neutral-mid-grey); /* @kind color */
  --text-white: var(--neutral-white-2); /* @kind color */
  --transparent-black25: rgba(0,0,0,0.25); /* @kind color */
  --transparent-white15: rgba(255,255,255,0.15); /* @kind color */
}

:root[data-theme="light"], .light {
  --bg-base: var(--neutral-white); /* @kind color */
  --bg-highlight-subtle: var(--neutral-anthracite); /* @kind color */
  --bg-highlight: var(--neutral-black); /* @kind color */
  --bg-interactive-fill-default: var(--neutral-black); /* @kind color */
  --bg-interactive-fill-hover: var(--neutral-anthracite); /* @kind color */
  --bg-interactive-ghost-hover: var(--neutral-white-20); /* @kind color */
  --bg-interactive-subtle-disabled: var(--neutral-light-grey); /* @kind color */
  --bg-interactive-subtle-hover: var(--neutral-white); /* @kind color */
  --bg-interactive-subtle-selected: var(--neutral-white); /* @kind color */
  --bg-overlay: var(--neutral-white); /* @kind color */
  --bg-raised: var(--neutral-white); /* @kind color */
  --bg-subtle: var(--neutral-white); /* @kind color */
  --icons-general-default: var(--neutral-700); /* @kind color */
  --input-default-stroke: var(--transparent-black25); /* @kind color */
  --stroke-accent: var(--neutral-black); /* @kind color */
  --stroke-error: var(--status-red-muted); /* @kind color */
  --stroke-highlight: var(--neutral-black); /* @kind color */
  --stroke-inverse: var(--neutral-white); /* @kind color */
  --stroke-mid: var(--neutral-mid-grey); /* @kind color */
  --stroke-muted: var(--neutral-neon-silver); /* @kind color */
  --stroke-strong: var(--neutral-black); /* @kind color */
  --stroke-subtle: var(--neutral-light-grey); /* @kind color */
  --text-accent: var(--neutral-black); /* @kind color */
  --text-base: var(--neutral-anthracite); /* @kind color */
  --text-error: var(--status-red); /* @kind color */
  --text-highlight: var(--neutral-steel-grey); /* @kind color */
  --text-inverse: var(--neutral-white); /* @kind color */
  --text-muted: var(--neutral-dim-grey); /* @kind color */
  --text-strong: var(--neutral-black); /* @kind color */
  --text-subtle: var(--neutral-dark-grey); /* @kind color */
  --text-white: var(--neutral-black-2); /* @kind color */
}

:root[data-mode="tablet"] {
  --font-family-body: "Saira";
  --font-family-display: "Saira Expanded";
  --font-family-header: "Saira";
  --font-family-label: "Saira";
  --font-line-height-body-copy-1: 25;
  --font-line-height-body-copy-2: 22;
  --font-line-height-cta: 18;
  --font-line-height-disclaimer: 16;
  --font-line-height-header-1: 64;
  --font-line-height-header-2: 56;
  --font-line-height-header-3: 48;
  --font-line-height-header-4: 40;
  --font-line-height-header-5: 32;
  --font-line-height-header-6: 26;
  --font-line-height-subhead-1: 28;
  --font-line-height-subhead-2: 20;
  --font-size-body-copy-1: 18;
  --font-size-body-copy-2: 16;
  --font-size-cta: 14;
  --font-size-disclaimer: 12;
  --font-size-header-1: 64;
  --font-size-header-2: 56;
  --font-size-header-3: 44;
  --font-size-header-4: 36;
  --font-size-header-5: 28;
  --font-size-header-6: 22;
  --font-size-subhead-1: 24;
  --font-size-subhead-2: 16;
  --font-weight-light: "Light"; /* @kind other */
  --font-weight-medium: "Medium"; /* @kind other */
  --font-weight-regular: "Regular"; /* @kind other */
  --font-weight-semibold: "SemiBold"; /* @kind other */
}

:root[data-mode="mobile"] {
  --block-padding-vertical: 40;
  --column-gap: 16;
  --font-family-body: "Saira";
  --font-family-display: "Saira Expanded";
  --font-family-header: "Saira";
  --font-family-label: "Saira";
  --font-line-height-body-copy-1: 22;
  --font-line-height-body-copy-2: 22;
  --font-line-height-cta: 18;
  --font-line-height-disclaimer: 16;
  --font-line-height-header-1: 44;
  --font-line-height-header-2: 36;
  --font-line-height-header-3: 28;
  --font-line-height-header-4: 24;
  --font-line-height-header-5: 30;
  --font-line-height-header-6: 18;
  --font-line-height-subhead-1: 20;
  --font-line-height-subhead-2: 16;
  --font-size-body-copy-1: 16;
  --font-size-body-copy-2: 16;
  --font-size-cta: 14;
  --font-size-disclaimer: 12;
  --font-size-header-1: 40;
  --font-size-header-2: 32;
  --font-size-header-3: 24;
  --font-size-header-4: 20;
  --font-size-header-5: 16;
  --font-size-header-6: 14;
  --font-size-subhead-1: 16;
  --font-size-subhead-2: 12;
  --font-weight-light: "Light"; /* @kind other */
  --font-weight-medium: "Medium"; /* @kind other */
  --font-weight-regular: "Regular"; /* @kind other */
  --font-weight-semibold: "SemiBold"; /* @kind other */
  --margin: 16;
}