CSS Variables

CSS custom properties · :root scope · 112 tokens

Preview

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

:root {
  /* Colors */
  --color-cds-black: #000000;
  --color-cds-clay: #d97757;
  --color-cds-gray-0: #ffffff;
  --color-cds-gray-200: #c3c2b7;
  --color-cds-gray-300: #a5a49a;
  --color-cds-gray-500: #6d6b67;
  --color-red-350: #e66767;
  --color-red-450: #d03b3b;
  --color-orange-350: #eb6834;
  --color-orange-450: #c25124;
  --color-yellow-350: #c98500;
  --color-yellow-450: #a66a00;
  --color-green-350: #35b231;
  --color-green-450: #009300;
  --color-aqua-350: #1baf7a;
  --color-aqua-450: #138e65;
  --color-blue-350: #5598e7;
  --color-blue-450: #2a78d6;
  --color-1757ac: #1757ac;
  --color-srgb-0-0431373: color(srgb 0.0431373 0.0431373 0.0431373 / 0.05);

  /* Typography */
  --font-size-anthropic-sans-13px-400: 13px;
  --font-size-anthropic-sans-14px-400: 14px;
  --font-size-anthropic-sans-15px-435: 15px;
  --font-size-anthropic-sans-16px-400: 16px;
  --font-size-anthropicons-variable-20px-433-25: 20px;
  --font-size-anthropic-sans-12px-400: 12px;
  --font-size-anthropic-serif-30px-400: 30px;
  --font-size-anthropic-sans-24px-520: 24px;
  --font-size-anthropic-serif-56px-330: 56px;
  --font-size-anthropic-serif-18px-400: 18px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-3px: 3px;
…