CSS Variables

Preview

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

:root {
  /* Colors */
  --color-neutral-0: #fcfaf7;
  --color-neutral-30: #bfbcb6;
  --color-neutral-40: #8d8a86;
  --color-neutral-80: #474543;
  --color-neutral-95: #1f1e1d;
  --color-mulberry-0: #fff2fa;
  --color-mulberry-10: #ffdcf3;
  --color-mulberry-20: #f6aadd;
  --color-mulberry-30: #da7cb4;
  --color-mulberry-40: #bf6193;
  --color-mulberry-60: #8d3d62;
  --color-mulberry-80: #792d4b;
  --color-mulberry-90: #602639;
  --color-mulberry-100: #421d24;
  --color-mulberry-black: #241013;
  --color-purple-10: #e8e0ff;
  --color-purple-20: #d4c7ff;
  --color-purple-30: #bea1f5;
  --color-purple-40: #9e7be0;
  --color-purple-50: #8861ca;
  --color-purple-60: #714cb6;

  /* Typography */
  --font-size-super-sans-vf-16px-360: 16px;

  /* Spacing */
  --spacing-0rem: 0rem;
  --spacing-1rem: 1rem;
  --spacing-8px: 8px;
  --spacing-9px: 9px;
  --spacing-10px: 10px;
  --spacing-11px: 11px;
  --spacing-18px: 18px;

  /* Border Radius */
  --radius-4px: 4px;
…

All Tokens