CSS Variables

Preview

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

:root {
  /* Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-purple-50: #eeeffd;
  --color-purple-100: #e1e3fc;
  --color-purple-200: #cdcefb;
  --color-purple-300: #b3b1fa;
  --color-purple-400: #968dfa;
  --color-purple-500: #7e64fb;
  --color-purple-600: #6c35f5;
  --color-purple-700: #581ccb;
  --color-purple-800: #411d92;
  --color-purple-900: #1c0037;
  --color-blue-50: #e0f4ff;
  --color-blue-100: #c2eaff;
  --color-blue-200: #8ad6ff;
  --color-blue-300: #70c5ff;
  --color-blue-400: #33acff;
  --color-blue-500: #0088e5;
  --color-blue-600: #005e9e;
  --color-blue-700: #002c6f;
  --color-blue-800: #00183e;
  --color-blue-900: #00102a;
  --color-pink-50: #fce2fe;
  --color-pink-100: #fac7ff;
  --color-pink-200: #f79ffe;
  --color-srgb-0-0509804: color(srgb 0.0509804 0.0509804 0.0509804 / 0.1);
  --color-oklab-0-873855-0-000: #d5d5d5;
  --color-srgb-0-0431373: color(srgb 0.0431373 0.490196 0.333333 / 0.12);
  --color-srgb-0-423529: color(srgb 0.423529 0.207843 0.960784 / 0.7);
  --color-srgb-0-930824: #ede7fe;

  /* Typography */
  --font-size-ppneuemontreal-16px-400: 16px;
  --font-size-ppneuemontreal-64px-500: 64px;
  --font-size-ppneuemontreal-32px-500: 32px;
  --font-size-ppneuemontreal-12-5px-400: 12.5px;
…

All Tokens