CSS Variables

Preview

/* Generated by UI Archive — ui-archive.com */

:root {
  /* Colors */
  --color-colors-primary1: #ffeae7;
  --color-colors-primary2: #ffc9c3;
  --color-colors-primary3: #fca39f;
  --color-colors-primary4: #fc8279;
  --color-colors-primary5: #fd6958;
  --color-colors-primary6: #fa4531;
  --color-colors-primary7: #cf3828;
  --color-colors-primary8: #a22b1f;
  --color-colors-primary9: #741e15;
  --color-colors-primary10: #47110c;
  --color-colors-primary11: #1a0402;
  --color-colors-secondary1: #00eae7;
  --color-colors-secondary2: #00c9c3;
  --color-colors-secondary3: #00a39f;
  --color-colors-secondary4: #008279;
  --color-colors-secondary5: #006958;
  --color-colors-secondary6: #004531;
  --color-colors-secondary7: #003828;
  --color-colors-secondary8: #002b1f;
  --color-colors-secondary9: #001e15;
  --color-colors-secondary10: #00110c;
  --color-colors-students-arc-blue: #0c50ff;
  --color-colors-students-arc-blue-pale: #458aff;
  --color-colors-students-deep-blue: #2404aa;
  --color-colors-students-arc-pinkish: #f25e6b;
  --color-srgb-0-0-0-0: color(srgb 0 0 0 / 0.4);

  /* Typography */
  --font-size-abc-oracle-16px-350: 16px;
  --font-size-abc-oracle-17px-350: 17px;
  --font-size-abc-oracle-20px-350: 20px;
  --font-size-abc-oracle-22px-350: 22px;
  --font-size-abc-favorit-mono-13px-400: 13px;
  --font-size-abc-oracle-18px-350: 18px;
  --font-size-exposure-var-64px-600: 64px;
  --font-size-abc-oracle-21px-350: 21px;
…

All Tokens