CSS Variables

Preview

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

:root {
  /* Colors */
  --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-black: #000000;
  --color-white: #ffffff;
  --color-purple: #5533ff;
  --color-link: #07002a;
  --color-link-hover: #0400d2;
  --color-ffffff: #ffffff;

  /* Typography */
  --font-size-lato: 14px;
  --font-size-lato-2: 17px;
  --font-size-inter-16px-400: 16px;
  --font-size-inter-18px-400: 18px;
  --font-size-pp-kyoto-48px-300: 48px;

  /* Spacing */
  --spacing-0-44rem: 0.44rem;
  --spacing-0-67rem: 0.67rem;
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-10px: 10px;
  --spacing-12px: 12px;
  --spacing-14px: 14px;
…

All Tokens