/* Figma Styles of your File */
:root {
  /* Colors */
  /* Fonts */
  --display-lg-bold-font-family: Exo2-SemiBold, sans-serif;
  --display-lg-bold-font-size: 48px;
  --display-lg-bold-line-height: 60px;
  --display-lg-bold-font-weight: 600;
  --display-lg-bold-font-style: normal;
  --display-sm-bold-font-family: Exo2-Bold, sans-serif;
  --display-sm-bold-font-size: 32px;
  --display-sm-bold-line-height: 38px;
  --display-sm-bold-font-weight: 700;
  --display-sm-bold-font-style: normal;
  --display-xs-bold-font-family: Exo2-Bold, sans-serif;
  --display-xs-bold-font-size: 24px;
  --display-xs-bold-line-height: 32px;
  --display-xs-bold-font-weight: 700;
  --display-xs-bold-font-style: normal;
  --text-xl-medium-font-family: Exo2-Medium, sans-serif;
  --text-xl-medium-font-size: 20px;
  --text-xl-medium-line-height: 28px;
  --text-xl-medium-font-weight: 500;
  --text-xl-medium-font-style: normal;
  --text-xl-semibold-font-family: Exo2-SemiBold, sans-serif;
  --text-xl-semibold-font-size: 20px;
  --text-xl-semibold-line-height: 28px;
  --text-xl-semibold-font-weight: 600;
  --text-xl-semibold-font-style: normal;
  --text-md-normal-font-family: Exo2-Regular, sans-serif;
  --text-md-normal-font-size: 16px;
  --text-md-normal-line-height: 24px;
  --text-md-normal-font-weight: 400;
  --text-md-normal-font-style: normal;
  --text-md-semibold-font-family: Exo2-SemiBold, sans-serif;
  --text-md-semibold-font-size: 16px;
  --text-md-semibold-line-height: 24px;
  --text-md-semibold-font-weight: 600;
  --text-md-semibold-font-style: normal;
  --text-md-bold-font-family: Exo2-Bold, sans-serif;
  --text-md-bold-font-size: 16px;
  --text-md-bold-line-height: 24px;
  --text-md-bold-font-weight: 700;
  --text-md-bold-font-style: normal;
  --text-sm-regular-font-family: Exo2-Regular, sans-serif;
  --text-sm-regular-font-size: 14px;
  --text-sm-regular-line-height: 20px;
  --text-sm-regular-font-weight: 400;
  --text-sm-regular-font-style: normal;
  --text-sm-semibold-font-family: Exo2-SemiBold, sans-serif;
  --text-sm-semibold-font-size: 14px;
  --text-sm-semibold-line-height: 20px;
  --text-sm-semibold-font-weight: 600;
  --text-sm-semibold-font-style: normal;
  --text-sm-bold-font-family: Exo2-Bold, sans-serif;
  --text-sm-bold-font-size: 14px;
  --text-sm-bold-line-height: 20px;
  --text-sm-bold-font-weight: 700;
  --text-sm-bold-font-style: normal;
  --text-xs-regular-font-family: Inter-Regular, sans-serif;
  --text-xs-regular-font-size: 12px;
  --text-xs-regular-line-height: 18px;
  --text-xs-regular-font-weight: 400;
  --text-xs-regular-font-style: normal;
  --text-xs-bold-font-family: Exo2-Bold, sans-serif;
  --text-xs-bold-font-size: 12px;
  --text-xs-bold-line-height: 18px;
  --text-xs-bold-font-weight: 700;
  --text-xs-bold-font-style: normal;
  --text-exs-regular-font-family: Exo2-Regular, sans-serif;
  --text-exs-regular-font-size: 10px;
  --text-exs-regular-line-height: 14px;
  --text-exs-regular-font-weight: 400;
  --text-exs-regular-font-style: normal;
  --text-exs-bold-font-family: Exo2-Bold, sans-serif;
  --text-exs-bold-font-size: 10px;
  --text-exs-bold-line-height: 14px;
  --text-exs-bold-font-weight: 700;
  --text-exs-bold-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */
:root,
[data-warna-mode="mode-1"] {
  /* mode-1 */
  --text-text-base: #101010;
  --icon-icon-primary: #101010;
  --text-text-light: #ffffff;
  --background-background-fair: #114e77;
  --background-background-massive: #0a2a43;
  --background-background-gold: #d9a441;
  --text-text-gold: #d9a441;
  --icon-icon-gold: #d9a441;
  --border-border-brand-primary: #114e77;
  --text-text-fair: #114e77;
  --background-background-light: #ffffff;
  --background-background-gold-root: #fbf7eb;
  --text-text-base-fair: #4f4f4f;
  --background-background-root: #f6f6f6;
  --border-border-root: #d1d1d1;
}