CSS Variables

Preview

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

:root {
  /* Colors */
  --color-fef2f2: #fef2f2;
  --color-ffc9c9: #ffc9c9;
  --color-fb2c36: #fb2c36;
  --color-e7000b: #e7000b;
  --color-82181a: #82181a;
  --color-fff7ed: #fff7ed;
  --color-ffd6a7: #ffd6a7;
  --color-7e2a0c: #7e2a0c;
  --color-f0fdf4: #f0fdf4;
  --color-dcfce7: #dcfce7;
  --color-b9f8cf: #b9f8cf;
  --color-00a63e: #00a63e;
  --color-0d542b: #0d542b;
  --color-eff6ff: #eff6ff;
  --color-2b7fff: #2b7fff;
  --color-155dfc: #155dfc;
  --color-eef2ff: #eef2ff;
  --color-e0e7ff: #e0e7ff;
  --color-432dd7: #432dd7;
  --color-f9fafb: #f9fafb;
  --color-f3f4f6: #f3f4f6;
  --color-e5e7eb: #e5e7eb;
  --color-d1d5dc: #d1d5dc;
  --color-99a1af: #99a1af;
  --color-6a7282: #6a7282;
  --color-4a5565: #4a5565;
  --color-364153: #364153;
  --color-1e2939: #1e2939;
  --color-101828: #101828;
  --color-ffffff: #ffffff;

  /* Typography */
  --font-size-fluxer-sans-16px-400: 16px;
  --font-size-fluxer-sans-14px-600: 14px;
  --font-size-bricolage-grotesque-22px-600: 22px;
  --font-size-fluxer-sans-20px-400: 20px;
…

All Tokens