/* Auto-generated by MGRVISION - do not edit manually */
.color-base-1 { color: #f5f0e8; }
.bg-color-base-1 { background-color: #f5f0e8; }
.border-color-base-1 { border-color: #f5f0e8; }
.color-base-1-rgb { --rgb-base-1: 245, 240, 232; }
.color-base-2 { color: #c9a84c; }
.bg-color-base-2 { background-color: #c9a84c; }
.border-color-base-2 { border-color: #c9a84c; }
.color-base-2-rgb { --rgb-base-2: 201, 168, 76; }
.color-base-3 { color: #1a1a1a; }
.bg-color-base-3 { background-color: #1a1a1a; }
.border-color-base-3 { border-color: #1a1a1a; }
.color-base-3-rgb { --rgb-base-3: 26, 26, 26; }
.color-base-4 { color: #f8582c; }
.bg-color-base-4 { background-color: #f8582c; }
.border-color-base-4 { border-color: #f8582c; }
.color-base-4-rgb { --rgb-base-4: 248, 88, 44; }
.color-base-5 { color: #ffffff; }
.bg-color-base-5 { background-color: #ffffff; }
.border-color-base-5 { border-color: #ffffff; }
.color-base-5-rgb { --rgb-base-5: 255, 255, 255; }
.color-base-6 { color: #faf8f5; }
.bg-color-base-6 { background-color: #faf8f5; }
.border-color-base-6 { border-color: #faf8f5; }
.color-base-6-rgb { --rgb-base-6: 250, 248, 245; }

: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); }