Arc — Blog

:root {
  --color-dominant: #0830f4;
  --color-surface: #041980;
  --color-ink: #3c44fc;
  --color-accent: #7b71bd;
  --color-detail: #cea4ce;
}

/* CSS variables exposed by source */
:root {
  --fontSizes-20: 20px;
  --space-16: 16px;
  --colors-primary7: rgb(207, 56, 40);
  --colors-focusOutline: #96C4FF;
  --colors-highContrast: #000;
  --colors-students-light_grey-hover: rgb(215, 214, 196);
  --colors-primary6: rgb(250, 69, 49);
  --colors-brandOffwhite: #FFFCEC;
  --colors-secondary4: rgb(0, 130, 121);
  --colors-secondary2: rgb(0, 201, 195);
  --colors-brandDeepBlue: #2404AA;
  --colors-lowContrast: #FFF;
  --colors-students-light_green: rgb(211, 224, 129);
  --space-72: 72px;
  --space-4: 4px;
  --colors-primary4: rgb(252, 130, 121);
  --space-40: 40px;
  --fonts-body: "InterVariable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --space-8: 8px;
  --space-32: 32px;
  --colors-primary12: rgb(9, 2, 1);
  --colors-secondary7: rgb(0, 56, 40);
  --colors-secondary11: rgb(0, 4, 2);
  --sizes-24: 24px;
  --sizes-64: 64px;
  --colors-secondary5: rgb(0, 105, 88);
  --colors-students-off_white: rgb(245, 244, 226);
  --fontSizes-24: 24px;
  --fontSizes-48: 48px;
  --fontWeights-700: 700;
  --space-64: 64px;
  --colors-primary11: rgb(26, 4, 2);
  --shadows-large: 0 30px 60px rgba(0, 0, 0, 0.12);
  --colors-students-arc_pinkish: rgb(242, 94, 107);
  --fonts-boostSans: -apple-system, BlinkMacSystemFont, sans-serif;
  --sizes-40: 40px;
  --colors-students-dark_blue: rgb(39, 2, 194);
  --colors-students-light_blue: rgb(205, 204, 223);
  --fonts-sans: Marlin, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  --colors-primary8: rgb(162, 43, 31);
  --sizes-48: 48px;
  --colors-secondary8: rgb(0, 43, 31);
  --colors-secondary3: rgb(0, 163, 159);
  --colors-students-deep_blue: rgb(36, 4, 170);
  --colors-secondary10: rgb(0, 17, 12);
  --fonts-exposure: "Exposure VAR", "Helvetica", sans-serif;
  --fontWeights-500: 500;
  --colors-students-arc_blue: rgb(12, 80, 255);
  --fonts-referralSans: -apple-system, BlinkMacSystemFont, sans-serif;
  --sizes-56: 56px;
  --colors-secondary9: rgb(0, 30, 21);
  --sizes-8: 8px;
  --sizes-16: 16px;
  --colors-primary5: rgb(253, 105, 88);
  --colors-brandDarkBlue: #000354;
  --fontWeights-800: 800;
  --fontSizes-10: 10px;
  --colors-secondary6: rgb(0, 69, 49);
  --fonts-oracle: "ABC Oracle", "Helvetica", sans-serif;
  --fontWeights-400: 400;
}