Eslint

:root {
  --color-dominant: #f4781e;
  --color-surface: #142434;
  --color-ink: #fceee4;
  --color-accent: #5c55b2;
  --color-detail: #a1a8c9;
}

/* CSS variables exposed by source */
:root {
  --shadow-xs: 0 1px 2px rgba(16, 24, 40, 0.05);
  --color-rose-200: #fecdd6;
  --spacer-2x: 2rem;
  --space-xl-3xl: calc( ((((16) * 3) / 16) * 1rem) + (((16) * 6) - ((16) * 3)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --space-m: calc( ((((16) * 1.5) / 16) * 1rem) + (((16) * 1.5) - ((16) * 1.5)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-neutral-600: #475467;
  --color-neutral-500: #667085;
  --color-primary-900: #341bab;
  --color-neutral-300: #d0d5dd;
  --space-xl-2xl: calc( ((((16) * 3) / 16) * 1rem) + (((16) * 4) - ((16) * 3)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-success-25: #f6fef9;
  --space-xl: calc( ((((16) * 3) / 16) * 1rem) + (((16) * 3) - ((16) * 3)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-primary-400: #b7b7ff;
  --color-neutral-200: #e4e7ec;
  --color-primary-300: #ccccfa;
  --color-primary-25: #fbfbff;
  --color-primary-800: #4b32c3;
  --color-primary-500: #a0a0f5;
  --spacer-8x: 8rem;
  --space-2xl: calc( ((((16) * 4) / 16) * 1rem) + (((16) * 4) - ((16) * 4)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-primary-700: #6358d4;
  --color-neutral-25: #fcfcfd;
  --color-rose-100: #ffe4e8;
  --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.1), 0 4px 6px -2px rgba(16, 24, 40, 0.05);
  --color-success-800: #05603a;
  --color-rose-400: #fd6f8e;
  --color-rose-800: #a11043;
  --color-neutral-700: #344054;
  --space-2xs: calc( ((((16) * 0.5) / 16) * 1rem) + (((16) * 0.5) - ((16) * 0.5)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --secondary-button-background-color: #f6f6fe;
  --color-neutral-50: #f9fafb;
  --color-rose-25: #fff5f6;
  --text-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Twemoji Country Flags", "Segoe UI Emoji", "Segoe UI Symbol";
  --space-3xs: calc( ((((16) * 0.25) / 16) * 1rem) + (((16) * 0.25) - ((16) * 0.25)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-warning-50: #fffaeb;
  --color-neutral-900: #101828;
  --color-success-50: #ecfdf3;
  --color-success-200: #a6f4c5;
  --color-neutral-100: #f2f4f7;
  --space-2xs-xs: calc( ((((16) * 0.5) / 16) * 1rem) + (((16) * 0.75) - ((16) * 0.5)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --space-3xs-2xs: calc( ((((16) * 0.25) / 16) * 1rem) + (((16) * 0.5) - ((16) * 0.25)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --space-l: calc( ((((16) * 2) / 16) * 1rem) + (((16) * 2) - ((16) * 2)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-success-300: #6ce9a6;
  --color-warning-900: #7a2e0e;
  --primary-button-hover-color: #341bab;
  --color-success-400: #32d583;
  --border-radius: 0.5rem;
  --color-warning-800: #93370d;
  --color-primary-600: #8080f2;
  --space-3xl-4xl: calc( ((((16) * 6) / 16) * 1rem) + (((16) * 8) - ((16) * 6)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-rose-50: #fff1f3;
  --color-success-100: #d1fadf;
  --primary-button-background-color: #4b32c3;
  --space-l-2xl: calc( ((((16) * 2) / 16) * 1rem) + (((16) * 4) - ((16) * 2)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --space-2xl-3xl: calc( ((((16) * 4) / 16) * 1rem) + (((16) * 6) - ((16) * 4)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --space-s-m: calc( (((16) / 16) * 1rem) + (((16) * 1.5) - (16)) * calc( (100vw - 320 / 16 * 1rem) / (1280 - 320) ) );
  --color-rose-300: #fea3b4;
  --color-warning-200: #fedf89;
  --color-success-500: #12b76a;
  --border-color: #d0d5dd;
}