Edgar Pérez | Frontend Design Engineer

:root {
  --color-dominant: #1c5cec;
  --color-surface: #f5c2a0;
  --color-ink: #5e6121;
  --color-accent: #a48f66;
  --color-detail: #d6cbc2;
}

/* CSS variables exposed by source */
:root {
  --color-glass-light: color-mix(in srgb,#f4f4f4/**/65%,transparent);
  --color-blue-ghost: color-mix(in srgb,#1b5def/**/5%,transparent);
  --color-text-inverse: #f4f4f4;
  --color-black-900: #191818;
  --color-glass-heavy: color-mix(in srgb,#f4f4f4/**/95%,transparent);
  --color-green-ghost: color-mix(in srgb,#22c55e/**/5%,transparent);
  --shadow-md: 0 4px 12px #00000026;
  --space-9: 80px;
  --color-glass: color-mix(in srgb,#f4f4f4/**/80%,transparent);
  --text-lg: 20px;
  --space-4: 16px;
  --color-orange-700: #c2410c;
  --color-diff-added: #15803d;
  --font-body: "Plus Jakarta Sans",system-ui,sans-serif;
  --color-orange-500: #e25327;
  --space-7: 48px;
  --space-8: 64px;
  --text-md: 16px;
  --color-bg-primary: #f4f4f4;
  --color-orange-400: #e8734b;
  --color-action-primary: #1b5def;
  --color-text-secondary: color-mix(in srgb,#191818/**/70%,transparent);
  --color-text-tertiary: color-mix(in srgb,#191818/**/50%,transparent);
  --color-shadow: color-mix(in srgb,#191818/**/25%,transparent);
  --font-mono: "JetBrains Mono",monospace;
  --color-blue-tint: color-mix(in srgb,#1b5def/**/20%,transparent);
  --text-sm: 14px;
  --color-green-tint: color-mix(in srgb,#22c55e/**/20%,transparent);
  --space-6: 32px;
  --color-blue-500: #1b5def;
  --text-xxl: 40px;
  --color-gray-900: oklch(21% .034 264.665);
  --color-green-500: #22c55e;
  --color-green-wash: color-mix(in srgb,#22c55e/**/40%,transparent);
  --space-5: 24px;
  --color-diff-changed: #b8860b;
  --color-diff-removed: #d44a6a;
  --color-sand-100: #f0ece4;
  --color-blue-400: #4a7ff7;
  --color-blue-subtle: color-mix(in srgb,#1b5def/**/10%,transparent);
  --shadow-sm: 0 1px 3px #0000001f;
  --font-sans: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --space-2: 8px;
  --color-surface-subtle: color-mix(in srgb,#191818/**/5%,transparent);
  --color-accent-signal: #e25327;
  --space-3: 12px;
  --shadow-lg: 0 10px 30px #0003;
  --color-gray-100: oklch(96.7% .003 264.542);
  --color-red-500: #ff5f57;
  --text-2xs: 10px;
  --color-border: color-mix(in srgb,#191818/**/10%,transparent);
  --text-3xl: 52px;
  --text-xs: 12px;
  --space-1: 4px;
  --space-10: 96px;
  --color-green-700: #15803d;
  --color-blue-wash: color-mix(in srgb,#1b5def/**/30%,transparent);
  --font-display: "Halfre",serif;
  --color-cream-100: #f4f4f4;
  --color-yellow-500: #ffbd2e;
}