freepik.com/Snapshot/Export/CSS Variables

CSS Variables

CSS custom properties · :root scope · 125 tokens

Preview

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

:root {
  /* Colors */
  --color-surface-0: #ffffff;
  --color-surface-accent-0: #4f69f2;
  --color-surface-border-solid-10: #1a1a1a;
  --color-surface-foreground-2: #424242;
  --color-surface-foreground-4: #737373;
  --color-deprecated-primary-1: #344ce7;
  --color-deprecated-primary-2: #2236d2;
  --color-premium-0: #feb602;
  --color-premium-1: #f4980a;
  --color-premium-2: #ea7e11;

  /* Typography */
  --font-size-geist-15px-400: 15px;
  --font-size-geist-17px-400: 17px;
  --font-size-geist-14px-500: 14px;
  --font-size-klarheit-28px-700: 28px;
  --font-size-geist-16px-500: 16px;
  --font-size-geist-12px-400: 12px;
  --font-size-geist-18px-400: 18px;
  --font-size-geist-13px-500: 13px;
  --font-size-klarheit-24px-700: 24px;
  --font-size-klarheit-36px-700: 36px;
  --font-size-geist-10px-500: 10px;
  --font-size-klarheit-55px-700: 55px;
  --font-size-klarheit-20px-600: 20px;
  --font-size-klarheit-56px-800: 56px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-8px: 8px;
  --spacing-9px: 9px;
  --spacing-10px: 10px;
…