.styles {
  --primary-text: #000000;
  --primary-border: #8F9AAF;
  --secondary-border: #C7CDD7;
  --surface-bg: #FFFFFF;
  --primary-bg: #F6F6F6;
  --secondary-bg: #FFFFFFB2;
  --neutral-text: #2D3241;
  --sidebar-bg: #272C4D;
  --accent-text: #5469B4;
  --accent-ui: #1C73C8;
  --success-passive-bg: #35A199;
  --success-active-bg: #69D885;
  --warning-active-bg: #E38C37;
  --warning-neutral-bg: #FFB246;
  --error-strong: #FF3B30;
  --error-light: #C24B40;
  --muted-text: #2D324199;
  --primary-shadow: 0px 0px 15px 0px rgba(0,0,0,0.25), 0px 0px 2px 0px rgba(0,0,0,0.25);
  --secondary-shadow: 0px 0px 20px 0px rgba(0,0,0,0.25);
  --accent-shadow-lilac: 0px 0px 32px -8px #C9BEE4;
  --error-shadow: 0px 0px 10px 4px #FF3B30;
  --font-heading2-m: 18px;
  --font-heading-s: 18px;
  --font-heading-m: 16px;
  --font-heading-l: 20px;
  --font-heading-xl: 30px;
  --font-heading-xlr: 24px;
  --font-heading-xxl: 40px;
  --font-regular-m: 14px;
  --font-small-r: 12px;
  --font-regular-r: 14px;
  --font-medium-r: 16px;
  --font-extra-small-m: 8px;
  --font-small-b: 12px;
  --font-small-m: 12px;
  --font-medium-b: 16px;
  --font-xlarge-b: 25px;
  --font-small-r-alt: 12px;
  --font-extra-small-s: 10px;
  --font-small-s: 12px;
  --font-display-l: 50px;
  --font-display-xl: 85px;
  --font-display-xlt: 35px;
}
.primary-text { color: var(--primary-text); }
.primary-border { border-color: var(--primary-border); }
.secondary-border { border-color: var(--secondary-border); }
.surface-bg { background-color: var(--surface-bg); }
.primary-bg { background-color: var(--primary-bg); }
.secondary-bg { background-color: var(--secondary-bg); }
.neutral-text { color: var(--neutral-text); }
.sidebar-bg { background-color: var(--sidebar-bg); }
.accent-text { color: var(--accent-text); }
.accent-ui { color: var(--accent-ui); }
.success-passive-bg { background-color: var(--success-passive-bg); }
.success-active-bg { background-color: var(--success-active-bg); }
.warning-active-bg { background-color: var(--warning-active-bg); }
.warning-neutral-bg { background-color: var(--warning-neutral-bg); }
.error-strong { color: var(--error-strong); }
.error-light { color: var(--error-light); }
.muted-text { color: var(--muted-text); }
.primary-shadow { box-shadow: var(--primary-shadow); }
.secondary-shadow { box-shadow: var(--secondary-shadow); }
.accent-shadow-lilac { box-shadow: var(--accent-shadow-lilac); }
.error-shadow { box-shadow: var(--error-shadow); }
.font-heading2-m { font-size: var(--font-heading2-m); line-height: 1.333333; font-weight: 500; }
.font-heading-s { font-size: var(--font-heading-s); line-height: 1.333333; font-weight: 400; }
.font-heading-m { font-size: var(--font-heading-m); line-height: 0; font-weight: 500; }
.font-heading-l { font-size: var(--font-heading-l); line-height: 0; font-weight: 700; }
.font-heading-xl { font-size: var(--font-heading-xl); line-height: 0; font-weight: 700; }
.font-heading-xlr { font-size: var(--font-heading-xlr); line-height: 0; font-weight: 400; }
.font-heading-xxl { font-size: var(--font-heading-xxl); line-height: 0; font-weight: 400; }
.font-regular-m { font-size: var(--font-regular-m); line-height: 0; font-weight: 500; }
.font-small-r { font-size: var(--font-small-r); line-height: 0.083333; font-weight: 400; }
.font-regular-r { font-size: var(--font-regular-r); line-height: 0; font-weight: 400; }
.font-medium-r { font-size: var(--font-medium-r); line-height: 1.25; font-weight: 400; }
.font-extra-small-m { font-size: var(--font-extra-small-m); line-height: 1.875; font-weight: 500; }
.font-small-b { font-size: var(--font-small-b); line-height: 0; font-weight: 700; }
.font-small-m { font-size: var(--font-small-m); line-height: 0; font-weight: 500; }
.font-medium-b { font-size: var(--font-medium-b); line-height: 0; font-weight: 700; }
.font-xlarge-b { font-size: var(--font-xlarge-b); line-height: 0; font-weight: 700; }
.font-small-r-alt { font-size: var(--font-small-r-alt); line-height: 0.1; font-weight: 400; }
.font-extra-small-s { font-size: var(--font-extra-small-s); line-height: 0; font-weight: NaN; }
.font-small-s { font-size: var(--font-small-s); line-height: 0.083333; font-weight: NaN; }
.font-display-l { font-size: var(--font-display-l); line-height: 0; font-weight: NaN; }
.font-display-xl { font-size: var(--font-display-xl); line-height: 0; font-weight: NaN; }
.font-display-xlt { font-size: var(--font-display-xlt); line-height: 0; font-weight: 100; }