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

:root {
  --background-black: rgb(14,14,14); /* @kind color */
  --background-color-background-brand: var(--capital-500); /* @kind color */
  --background-color-background-default: var(--support-50); /* @kind color */
  --border-color-border-tertiary: var(--white-100); /* @kind color */
  --brand-color-brand-main: var(--capital-500); /* @kind color */
  --brand-color-brandonwhite: var(--cap-talonwhite-500); /* @kind color */
  --buttonmain-color-button-background: var(--capital-100); /* @kind color */
  --buttonmain-color-button-default: var(--capital-500); /* @kind color */
  --buttonmain-color-button-hover: var(--capital-600); /* @kind color */
  --buttonmain-color-button-select: var(--capital-700); /* @kind color */
  --buttonmain-color-buttonter-disabled-2: var(--support-200); /* @kind color */
  --buttonsecondary-color-buttonsec-background: var(--secondary-50); /* @kind color */
  --buttonsecondary-color-buttonsec-default: var(--secondary-500); /* @kind color */
  --buttonsecondary-color-buttonsec-hover: var(--secondary-600); /* @kind color */
  --buttonsecondary-color-buttonsec-select-2: var(--info-700); /* @kind color */
  --buttonsecondary-color-buttonsec-select: var(--secondary-700); /* @kind color */
  --buttonsecondary-color-buttonter-disabled-2: var(--support-200); /* @kind color */
  --buttonstextmain-color-buttontext-hover: var(--cap-talonwhite-600); /* @kind color */
  --buttonstextmain-color-buttontext-main: var(--cap-talonwhite-500); /* @kind color */
  --buttonstextmain-color-buttontext-select: var(--cap-talonwhite-700); /* @kind color */
  --buttonstextsecondary-color-buttontext-secondary-hover: var(--secondary-400); /* @kind color */
  --buttonstextsecondary-color-buttontext-secondary-select: var(--secondary-800); /* @kind color */
  --buttonstextsecondary-color-buttontext-secondary: var(--secondary-500); /* @kind color */
  --buttonstexttertiary-color-buttontext-default: var(--tertiary-500); /* @kind color */
  --buttonstexttertiary-color-buttontext-disabled: var(--tertiary-100); /* @kind color */
  --buttonstexttertiary-color-buttontext-hover: var(--tertiary-600); /* @kind color */
  --buttonstexttertiary-color-buttontext-select: var(--tertiary-700); /* @kind color */
  --buttonstextwhite-color-buttontext-default-2: var(--white-100); /* @kind color */
  --buttonstextwhite-color-buttontext-default: var(--support-50); /* @kind color */
  --buttonstextwhite-color-buttontext-disabled: var(--tertiary-100); /* @kind color */
  --buttonstextwhite-color-buttontext-hover: var(--tertiary-50); /* @kind color */
  --buttonstextwhite-color-buttontext-select: var(--tertiary-100); /* @kind color */
  --buttontertiary-color-buttonter-background: var(--support-400); /* @kind color */
  --buttontertiary-color-buttonter-default: var(--tertiary-500); /* @kind color */
  --buttontertiary-color-buttonter-disabled: var(--support-600); /* @kind color */
  --buttontertiary-color-buttonter-hover: var(--tertiary-700); /* @kind color */
  --buttontertiary-color-buttonter-select: var(--tertiary-900); /* @kind color */
  --cap-talonwhite-100: rgb(178,189,216); /* @kind color */
  --cap-talonwhite-200: rgb(140,157,198); /* @kind color */
  --cap-talonwhite-300: rgb(88,112,171); /* @kind color */
  --cap-talonwhite-400: rgb(56,84,155); /* @kind color */
  --cap-talonwhite-500: rgb(6,41,130); /* @kind color */
  --cap-talonwhite-50: rgb(230,234,243); /* @kind color */
  --cap-talonwhite-600: rgb(5,37,118); /* @kind color */
  --cap-talonwhite-700: rgb(4,29,92); /* @kind color */
  --cap-talonwhite-800: rgb(3,23,72); /* @kind color */
  --cap-talonwhite-900: rgb(3,17,55); /* @kind color */
  --capital-100: rgb(185,190,209); /* @kind color */
  --capital-200: rgb(151,159,186); /* @kind color */
  --capital-300: rgb(103,115,155); /* @kind color */
  --capital-400: rgb(73,88,135); /* @kind color */
  --capital-500: rgb(28,46,105); /* @kind color */
  --capital-50: rgb(232,234,240); /* @kind color */
  --capital-600: rgb(25,42,96); /* @kind color */
  --capital-700: rgb(20,33,75); /* @kind color */
  --capital-800: rgb(15,25,58); /* @kind color */
  --capital-900: rgb(12,19,44); /* @kind color */
  --colors-official-support-2: var(--colors-official-support); /* @kind color */
  --colors-official-support: rgb(10,10,10); /* @kind color */
  --colors-official-tertiary-2: var(--colors-official-tertiary); /* @kind color */
  --colors-official-tertiary: rgb(155,127,87); /* @kind color */
  --cornerradius-2xl: var(--spacing-012);
  --cornerradius-3xl: var(--spacing-016);
  --cornerradius-l: var(--spacing-008);
  --cornerradius-m-2: var(--spacing-006-2);
  --cornerradius-m: var(--spacing-006);
  --cornerradius-s: var(--spacing-004);
  --cornerradius-xl: var(--spacing-010);
  --cornerradius-xs: var(--spacing-000);
  --disabled-300: rgb(94,94,94); /* @kind color */
  --disabled-400: rgb(25,25,25); /* @kind color */
  --disabled-500: rgb(14,14,14); /* @kind color */
  --disabled-600: rgb(13,13,13); /* @kind color */
  --disabled-700: rgb(10,10,10); /* @kind color */
  --disabled-900: rgb(6,6,6); /* @kind color */
  --font-family-body: "Lato";
  --font-family-button-2: "Lato";
  --font-family-button: "Lato";
  --font-family-copyright: "Lato";
  --font-family-heading: "Baskervville";
  --font-family-initials: "Lato";
  --font-family-input: "Lato";
  --font-family-numbers: "Libre Caslon Display";
  --font-family-subheading: "Lato";
  --font-letter-spacing-0: 0;
  --font-letter-spacing-1: 1;
  --font-letter-spacing-2-2: 2;
  --font-letter-spacing-2: 2;
  --font-letter-spacing-3: 3;
  --font-letter-spacing-8: 8;
  --font-line-height-l: 34;
  --font-line-height-m: 32;
  --font-line-height-s: 25;
  --font-line-height-xl: 50;
  --font-line-height-xll: 82;
  --font-line-height-xlll: 115;
  --font-line-height-xs: 20;
  --font-size-b1: 18;
  --font-size-b3: 16;
  --font-size-bt1: 16;
  --font-size-bt2: 14;
  --font-size-bt3-2: 12;
  --font-size-bt3: 13;
  --font-size-bt4: 12;
  --font-size-h1: 94;
  --font-size-h2: 55;
  --font-size-h3: 40;
  --font-size-l1: 10;
  --font-size-n1: 94;
  --font-size-n2: 55;
  --font-size-n3: 40;
  --font-size-s1: 22;
  --font-size-s2: 18;
  --font-size-s3: 16;
  --font-size-s4: 14;
  --font-size-s5: 12;
  --font-weight-black: "Black"; /* @kind other */
  --font-weight-bold-2: "Bold"; /* @kind other */
  --font-weight-bold: "Bold"; /* @kind other */
  --font-weight-italic: "Italic"; /* @kind other */
  --font-weight-light: "Light"; /* @kind other */
  --font-weight-medium: "Medium"; /* @kind other */
  --font-weight-regular: "Regular"; /* @kind other */
  --font-weight-semibold: "Semibold"; /* @kind other */
  --footer-footer: rgb(22,35,90); /* @kind color */
  --forms-buttonneutral: var(--tertiary-500); /* @kind color */
  --forms-buttonprimary: var(--capital-500); /* @kind color */
  --forms-card: var(--tertiary-100); /* @kind color */
  --forms-default: var(--support-50); /* @kind color */
  --forms-disabled: var(--tertiary-100); /* @kind color */
  --forms-footer: var(--footer-footer); /* @kind color */
  --forms-toogle: var(--tertiary-100); /* @kind color */
  --iconsaccent-color-icon-default-2: var(--white-100); /* @kind color */
  --iconsaccent-color-icon-default: var(--support-50); /* @kind color */
  --iconsaccent-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsaccent-color-icon-hover: var(--tertiary-50); /* @kind color */
  --iconsaccent-color-icon-select: var(--tertiary-100); /* @kind color */
  --iconsblack-color-icon-default: var(--disabled-400); /* @kind color */
  --iconsblack-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsblack-color-icon-hover: var(--tertiary-500); /* @kind color */
  --iconsblack-color-icon-select: var(--tertiary-700); /* @kind color */
  --iconsecondary-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsecondary-color-icon-hover: var(--secondary-400); /* @kind color */
  --iconsecondary-color-icon-select: var(--secondary-800); /* @kind color */
  --iconsecondary-color-icons-default: var(--secondary-500); /* @kind color */
  --iconsmain-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsmain-color-icon-hover: var(--cap-talonwhite-700); /* @kind color */
  --iconsmain-color-icon-select: var(--capital-900); /* @kind color */
  --iconsmain-color-icons-default: var(--cap-talonwhite-500); /* @kind color */
  --iconstertiary-color-icon-default-2: var(--background-black); /* @kind color */
  --iconstertiary-color-icon-default: var(--tertiary-500); /* @kind color */
  --iconstertiary-color-icon-disabled: var(--white-300); /* @kind color */
  --iconstertiary-color-icon-hover: var(--tertiary-700); /* @kind color */
  --iconstertiary-color-icon-select: var(--tertiary-800); /* @kind color */
  --info-700: rgb(110,90,62); /* @kind color */
  --info-color-info-background: var(--secondary-100); /* @kind color */
  --info-color-info-default: var(--secondary-500); /* @kind color */
  --info-color-info-hover: var(--secondary-600); /* @kind color */
  --info-color-info-select: var(--secondary-700); /* @kind color */
  --l-2: 2; /* @kind other */
  --l: 2; /* @kind other */
  --m: 1.5; /* @kind other */
  --paragraph-indent-0: 0; /* @kind spacing */
  --paragraph-spacing-0: 0; /* @kind spacing */
  --s: 1; /* @kind other */
  --secondary-100: rgb(224,215,203); /* @kind color */
  --secondary-200: rgb(209,196,178); /* @kind color */
  --secondary-300: rgb(188,169,142); /* @kind color */
  --secondary-400: rgb(175,153,121); /* @kind color */
  --secondary-500: rgb(155,127,87); /* @kind color */
  --secondary-50: rgb(245,242,238); /* @kind color */
  --secondary-600: rgb(141,116,79); /* @kind color */
  --secondary-700: rgb(110,90,62); /* @kind color */
  --secondary-800: rgb(85,70,48); /* @kind color */
  --secondary-900: rgb(65,53,37); /* @kind color */
  --spacing-000: 0;
  --spacing-002: 2;
  --spacing-004: 4;
  --spacing-006-2: 6;
  --spacing-006: 6;
  --spacing-008-2: 8;
  --spacing-008: 8;
  --spacing-010-2: 10;
  --spacing-010: 10;
  --spacing-012-2: 12;
  --spacing-012: 12;
  --spacing-016: 16;
  --spacing-020-2: 20;
  --spacing-020: 20;
  --spacing-024: 24;
  --spacing-028: 28;
  --spacing-032-2: 32;
  --spacing-032: 32;
  --spacing-040: 40;
  --spacing-048: 48;
  --spacing-056: 56;
  --spacing-064-2: 64;
  --spacing-064: 64;
  --spacing-072: 72;
  --spacing-080-2: 80;
  --spacing-080: 80;
  --spacing-088: 88;
  --spacing-096: 96;
  --spacing-104: 104;
  --spacing-112: 112;
  --spacing-120: 120;
  --spacing-128: 128;
  --spacing-140: 140;
  --spacing-1xs: var(--spacing-032-2);
  --spacing-2xl-2: var(--spacing-080-2);
  --spacing-2xl: var(--spacing-080);
  --spacing-2xs-2: var(--spacing-032);
  --spacing-2xs: var(--spacing-028);
  --spacing-3xl: var(--spacing-088);
  --spacing-3xs: var(--spacing-024);
  --spacing-4xl: var(--spacing-096);
  --spacing-4xs-2: var(--spacing-020-2);
  --spacing-4xs: var(--spacing-020);
  --spacing-5xl: var(--spacing-104);
  --spacing-5xs: var(--spacing-016);
  --spacing-6xl: var(--spacing-112);
  --spacing-6xs-2: var(--spacing-012-2);
  --spacing-6xs: var(--spacing-012);
  --spacing-7xl: var(--spacing-120);
  --spacing-7xs-2: var(--spacing-010-2);
  --spacing-7xs: var(--spacing-010);
  --spacing-8xl: var(--spacing-128);
  --spacing-8xs-2: var(--spacing-008-2);
  --spacing-8xs: var(--spacing-008);
  --spacing-9xl: var(--spacing-140);
  --spacing-9xs: var(--spacing-004);
  --spacing-l: var(--spacing-056);
  --spacing-m-2: var(--spacing-064-2);
  --spacing-m: var(--spacing-064);
  --spacing-s: var(--spacing-048);
  --spacing-xl: var(--spacing-072);
  --spacing-xs: var(--spacing-040);
  --spacing-zero: var(--spacing-000);
  --success-100: rgb(201,220,214); /* @kind color */
  --success-400: rgb(115,165,149); /* @kind color */
  --success-500: rgb(80,143,122); /* @kind color */
  --success-600: rgb(73,130,111); /* @kind color */
  --success-700: rgb(57,102,87); /* @kind color */
  --success-color-success-background: var(--success-100); /* @kind color */
  --success-color-success-default: var(--success-500); /* @kind color */
  --success-color-success-hover: var(--success-600); /* @kind color */
  --success-color-success-select: var(--success-700); /* @kind color */
  --support-100: rgb(254,254,254); /* @kind color */
  --support-200: rgb(254,254,253); /* @kind color */
  --support-300: rgb(253,253,252); /* @kind color */
  --support-400: rgb(253,253,252); /* @kind color */
  --support-500: rgb(252,252,251); /* @kind color */
  --support-50: rgb(255,255,255); /* @kind color */
  --support-600: rgb(229,229,228); /* @kind color */
  --support-700: rgb(179,179,178); /* @kind color */
  --support-800: rgb(139,139,138); /* @kind color */
  --support-900: rgb(106,106,105); /* @kind color */
  --tertiary-100: rgb(180,180,180); /* @kind color */
  --tertiary-200: rgb(144,144,144); /* @kind color */
  --tertiary-300: rgb(93,93,93); /* @kind color */
  --tertiary-400: rgb(61,61,61); /* @kind color */
  --tertiary-500: rgb(13,13,13); /* @kind color */
  --tertiary-50: rgb(231,231,231); /* @kind color */
  --tertiary-600: rgb(12,12,12); /* @kind color */
  --tertiary-700: rgb(9,9,9); /* @kind color */
  --tertiary-800: rgb(7,7,7); /* @kind color */
  --tertiary-900: rgb(5,5,5); /* @kind color */
  --warning-100: rgb(232,189,195); /* @kind color */
  --warning-400: rgb(196,85,101); /* @kind color */
  --warning-500: rgb(181,42,63); /* @kind color */
  --warning-600: rgb(165,38,57); /* @kind color */
  --warning-700: rgb(129,30,45); /* @kind color */
  --warning-color-warning-background: var(--warning-100); /* @kind color */
  --warning-color-warning-default: var(--warning-500); /* @kind color */
  --warning-color-warning-hover: var(--warning-600); /* @kind color */
  --warning-color-warning-select: var(--warning-700); /* @kind color */
  --white-100: rgb(255,255,255); /* @kind color */
  --white-300: rgb(232,232,232); /* @kind color */
  --xl: 2.5; /* @kind other */
}

:root[data-mode="mobile"] {
  --font-family-body: "Lato";
  --font-family-button-2: "Lato";
  --font-family-button: "Lato";
  --font-family-copyright: "Lato";
  --font-family-heading: "Baskervville";
  --font-family-initials: "Lato";
  --font-family-input: "Lato";
  --font-family-numbers: "Libre Caslon Display";
  --font-family-subheading: "Lato";
  --font-letter-spacing-0: 0;
  --font-letter-spacing-1: 1;
  --font-letter-spacing-2-2: 2;
  --font-letter-spacing-2: 2;
  --font-letter-spacing-3: 3;
  --font-letter-spacing-8: 3;
  --font-line-height-l: 82;
  --font-line-height-m: 25;
  --font-line-height-s: 17;
  --font-line-height-xl: 90;
  --font-line-height-xll: 129;
  --font-line-height-xlll: 136;
  --font-line-height-xs: 17;
  --font-size-b1: 16;
  --font-size-b3: 14;
  --font-size-bt1: 14;
  --font-size-bt2: 12;
  --font-size-bt3-2: 12;
  --font-size-bt3: 11;
  --font-size-bt4: 10;
  --font-size-h1: 40;
  --font-size-h2: 34;
  --font-size-h3: 28;
  --font-size-l1: 8;
  --font-size-n1: 40;
  --font-size-n2: 34;
  --font-size-n3: 28;
  --font-size-s1: 18;
  --font-size-s2: 14;
  --font-size-s3: 13;
  --font-size-s4: 12;
  --font-size-s5: 10;
  --font-weight-black: "Black"; /* @kind other */
  --font-weight-bold-2: "Bold"; /* @kind other */
  --font-weight-bold: "Bold"; /* @kind other */
  --font-weight-italic: "Italic"; /* @kind other */
  --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-theme="dark"], .dark {
  --background-color-background-brand: var(--capital-500); /* @kind color */
  --background-color-background-default: var(--tertiary-500); /* @kind color */
  --border-color-border-tertiary: var(--disabled-500); /* @kind color */
  --brand-color-brand-main: var(--capital-500); /* @kind color */
  --brand-color-brandonwhite: var(--cap-talonwhite-500); /* @kind color */
  --buttonmain-color-button-background: var(--capital-100); /* @kind color */
  --buttonmain-color-button-default: var(--capital-500); /* @kind color */
  --buttonmain-color-button-hover: var(--capital-600); /* @kind color */
  --buttonmain-color-button-select: var(--capital-700); /* @kind color */
  --buttonmain-color-buttonter-disabled-2: var(--disabled-400); /* @kind color */
  --buttonsecondary-color-buttonsec-background: var(--secondary-50); /* @kind color */
  --buttonsecondary-color-buttonsec-default: var(--secondary-400); /* @kind color */
  --buttonsecondary-color-buttonsec-hover: var(--secondary-500); /* @kind color */
  --buttonsecondary-color-buttonsec-select-2: var(--info-700); /* @kind color */
  --buttonsecondary-color-buttonsec-select: var(--secondary-600); /* @kind color */
  --buttonsecondary-color-buttonter-disabled-2: var(--disabled-400); /* @kind color */
  --buttonstextmain-color-buttontext-hover: var(--capital-700); /* @kind color */
  --buttonstextmain-color-buttontext-main: var(--capital-500); /* @kind color */
  --buttonstextmain-color-buttontext-select: var(--capital-900); /* @kind color */
  --buttonstextsecondary-color-buttontext-secondary-hover: var(--secondary-400); /* @kind color */
  --buttonstextsecondary-color-buttontext-secondary-select: var(--secondary-800); /* @kind color */
  --buttonstextsecondary-color-buttontext-secondary: var(--secondary-500); /* @kind color */
  --buttonstexttertiary-color-buttontext-default: var(--support-50); /* @kind color */
  --buttonstexttertiary-color-buttontext-disabled: var(--tertiary-100); /* @kind color */
  --buttonstexttertiary-color-buttontext-hover: var(--tertiary-50); /* @kind color */
  --buttonstexttertiary-color-buttontext-select: var(--tertiary-100); /* @kind color */
  --buttonstextwhite-color-buttontext-default-2: var(--white-100); /* @kind color */
  --buttonstextwhite-color-buttontext-default: var(--support-50); /* @kind color */
  --buttonstextwhite-color-buttontext-disabled: var(--tertiary-100); /* @kind color */
  --buttonstextwhite-color-buttontext-hover: var(--tertiary-50); /* @kind color */
  --buttonstextwhite-color-buttontext-select: var(--tertiary-100); /* @kind color */
  --buttontertiary-color-buttonter-background: var(--disabled-400); /* @kind color */
  --buttontertiary-color-buttonter-default: var(--disabled-500); /* @kind color */
  --buttontertiary-color-buttonter-disabled: var(--disabled-400); /* @kind color */
  --buttontertiary-color-buttonter-hover: var(--disabled-700); /* @kind color */
  --buttontertiary-color-buttonter-select: var(--disabled-900); /* @kind color */
  --forms-buttonneutral: var(--support-50); /* @kind color */
  --forms-buttonprimary: var(--support-50); /* @kind color */
  --forms-card: var(--disabled-600); /* @kind color */
  --forms-default: var(--background-black); /* @kind color */
  --forms-disabled: var(--disabled-400); /* @kind color */
  --forms-footer: var(--footer-footer); /* @kind color */
  --forms-toogle: var(--disabled-300); /* @kind color */
  --iconsaccent-color-icon-default-2: var(--white-100); /* @kind color */
  --iconsaccent-color-icon-default: var(--support-50); /* @kind color */
  --iconsaccent-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsaccent-color-icon-hover: var(--tertiary-50); /* @kind color */
  --iconsaccent-color-icon-select: var(--tertiary-100); /* @kind color */
  --iconsblack-color-icon-default: var(--disabled-400); /* @kind color */
  --iconsblack-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsblack-color-icon-hover: var(--tertiary-500); /* @kind color */
  --iconsblack-color-icon-select: var(--tertiary-700); /* @kind color */
  --iconsecondary-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsecondary-color-icon-hover: var(--secondary-400); /* @kind color */
  --iconsecondary-color-icon-select: var(--secondary-800); /* @kind color */
  --iconsecondary-color-icons-default: var(--secondary-500); /* @kind color */
  --iconsmain-color-icon-disabled: var(--tertiary-100); /* @kind color */
  --iconsmain-color-icon-hover: var(--capital-700); /* @kind color */
  --iconsmain-color-icon-select: var(--capital-800); /* @kind color */
  --iconsmain-color-icons-default: var(--capital-500); /* @kind color */
  --iconstertiary-color-icon-default-2: var(--white-100); /* @kind color */
  --iconstertiary-color-icon-default: var(--support-50); /* @kind color */
  --iconstertiary-color-icon-disabled: var(--tertiary-500); /* @kind color */
  --iconstertiary-color-icon-hover: var(--tertiary-50); /* @kind color */
  --iconstertiary-color-icon-select: var(--tertiary-100); /* @kind color */
  --info-color-info-background: var(--secondary-100); /* @kind color */
  --info-color-info-default: var(--secondary-400); /* @kind color */
  --info-color-info-hover: var(--secondary-500); /* @kind color */
  --info-color-info-select: var(--secondary-600); /* @kind color */
  --success-color-success-background: var(--success-100); /* @kind color */
  --success-color-success-default: var(--success-400); /* @kind color */
  --success-color-success-hover: var(--success-500); /* @kind color */
  --success-color-success-select: var(--success-600); /* @kind color */
  --warning-color-warning-background: var(--warning-100); /* @kind color */
  --warning-color-warning-default: var(--warning-400); /* @kind color */
  --warning-color-warning-hover: var(--warning-500); /* @kind color */
  --warning-color-warning-select: var(--warning-600); /* @kind color */
}