:root {
  /* Fonts */
  --frm-font-primary: "Roboto", Helvetica, Arial, sans-serif;
  --frm-font-secondary: "Raleway", Helvetica, Arial, sans-serif;
  --frm-font-size: 16px;
  --frm-font-height: 1px;

  /* Headline */
  --frm-headline-m: 40px;

  /* Titles */
  --frm-title-l: 36px;
  --frm-title-m: 32px;
  --frm-title-s: 28px;
  --frm-title-xs: 18px;

  /* Body Regular */
  --frm-body-xl: 24px;
  --frm-body-l: 20px;
  --frm-body-m: 16px;
  --frm-body-s: 14px;

  /* Labels */
  --frm-label-m: 12px;
  --frm-label-s: 8px;

  /* Font weights */
  --frm-font-regular: 400;
  --frm-font-semibold: 600;
  --frm-font-bold: 700;

  /* Brand Colors */
  --frm-color-brand-500: #DF2626;
  --frm-color-brand-50: #FFE6E6;
  --frm-color-brand-100: #FFBFBF;
  --frm-color-brand-200: #FF9999;
  --frm-color-brand-300: #FD7373;
  --frm-color-brand-400: #F04D4D;
  --frm-color-brand-600: #C9030A;
  --frm-color-brand-700: #AA0000;
  --frm-color-brand-800: #7F0000;
  --frm-color-brand-900: #420000;
  --frm-color-brand-950: #030000;

  /* Secondary Colors */
  --frm-color-secondary-500: #3F5E53;
  --frm-color-secondary-50: #F5F8F7;
  --frm-color-secondary-100: #CEDBD7;
  --frm-color-secondary-200: #A8BEB6;
  --frm-color-secondary-300: #849F96;
  --frm-color-secondary-400: #617F74;
  --frm-color-secondary-600: #304E43;
  --frm-color-secondary-700: #223D33;
  --frm-color-secondary-800: #162A23;
  --frm-color-secondary-900: #0B1612;
  --frm-color-secondary-950: #010101;

  /* Neutral Colors */
  --frm-color-white: #FFFFFF;
  --frm-color-black: #000000;
  --frm-color-neutral-500: #7D8289;
  --frm-color-neutral-50: #EFF0F2;
  --frm-color-neutral-100: #D8DADD;
  --frm-color-neutral-200: #C1C4C9;
  --frm-color-neutral-300: #AAAEB4;
  --frm-color-neutral-400: #93989E;
  --frm-color-neutral-600: #676C73;
  --frm-color-neutral-700: #4C5158;
  --frm-color-neutral-800: #33363C;
  --frm-color-neutral-900: #191C1F;
  --frm-color-neutral-950: #010101;

  /* System Colors */
  --frm-color-error: #D15126;
  --frm-color-success: #6A9D27;
  --frm-color-warning: #F4DE26;
  --frm-color-info: #3466FE;

  /* Background Colors */
  --frm-background-primary: #FFFFFF;
  --frm-background-secondary: #F5F8F7;
  --frm-background-tertiary: #CEDBD7;
  --frm-background-accent: #C9030A;
  --frm-background-success: #EEF8E6;
  --frm-background-error: #FFE7E6;
  --frm-background-information: #E6E9FF;
  --frm-background-warning: #FFFFBF;

  /* Background Button */
  --frm-button-primary: #C9030A;
  --frm-button-secondary: #FFFFFF;

  /* Content */
  --frm-content-primary: #010101;
  --frm-content-secondary: #33363C;
  --frm-content-tertiary: #4C5158;
  --frm-content-nochange: #FFFFFF;
  --frm-content-accent: #C9030A;
  --frm-content-success: #4E820B;
  --frm-content-error: #BA390E;
  --frm-content-information: #2154ED;
  --frm-content-warning: #E0CA06;

  /* Border Colors */
  --frm-border-primary: #CEDBD7;
  --frm-border-secondary: #A8BEB6;
  --frm-border-tertiary: #849F96;
  --frm-border-accent: #C9030A;
  --frm-border-error: #BA390E;
  --frm-border-success: #4E820B;
  --frm-border-divider: #a8beb6;

  /* Text Content */
  --frm-text-content: #1B1C20;
  --frm-body-color: #21272A;

  /* Z-index */
  --frm-z-index-hidden: -1;
  --frm-z-index-default: 1;
  --frm-z-index-alert: 100;
  --frm-z-index-sticky: 200;
  --frm-z-index-modal: 300;
  --frm-z-index-max: 999;
}