/* Auto-generated by MGRVISION - do not edit manually */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

.font-base-1 { font-family: 'Open Sans', sans-serif; }
.font-base-2 { font-family: 'Roboto', sans-serif; }
.font-base-3 { font-family: 'Roboto', sans-serif; }

.color-base-1 { color: #af1700; }
.bg-color-base-1 { background-color: #af1700; }
.border-color-base-1 { border-color: #af1700; }
.color-base-1-rgb { --rgb-base-1: 175, 23, 0; }
.color-base-2 { color: #222222; }
.bg-color-base-2 { background-color: #222222; }
.border-color-base-2 { border-color: #222222; }
.color-base-2-rgb { --rgb-base-2: 34, 34, 34; }
.color-base-3 { color: #c35946; }
.bg-color-base-3 { background-color: #c35946; }
.border-color-base-3 { border-color: #c35946; }
.color-base-3-rgb { --rgb-base-3: 195, 89, 70; }
.color-base-4 { color: #ffffff; }
.bg-color-base-4 { background-color: #ffffff; }
.border-color-base-4 { border-color: #ffffff; }
.color-base-4-rgb { --rgb-base-4: 255, 255, 255; }

:root {
  --fs-xs: 11px;
  --fs-s: 13px;
  --fs-m: 15px;
  --fs-l: 18px;
  --fs-xl: 22px;
  --fs-2xl: 28px;
  --fs-3xl: 36px;
  --fs-4xl: 48px;
  --fs-5xl: 64px;
  --fs-6xl: 80px;
}

.font-size-xs { font-size: var(--fs-xs); }
.font-size-s { font-size: var(--fs-s); }
.font-size-m { font-size: var(--fs-m); }
.font-size-l { font-size: var(--fs-l); }
.font-size-xl { font-size: var(--fs-xl); }
.font-size-2xl { font-size: var(--fs-2xl); }
.font-size-3xl { font-size: var(--fs-3xl); }
.font-size-4xl { font-size: var(--fs-4xl); }
.font-size-5xl { font-size: var(--fs-5xl); }
.font-size-6xl { font-size: var(--fs-6xl); }