:root {
  --es-red-50: #fdf2f4;
  --es-red-100: #fce7ec;
  --es-red-200: #f9ccd6;
  --es-red-300: #f4a4b6;
  --es-red-400: #ec6a87;
  --es-red-500: #e11d48;
  --es-red-600: #be123c;
  --es-red-700: #9f1239;
  --es-red-800: #831533;
  --es-red-900: #6d162e;
  --es-accent: #e11d48;
  --es-accent-strong: #be123c;
  --es-accent-soft: #fdf2f4;
  --es-ink: #0f172a;
  --es-ink-soft: #1e293b;
  --es-muted: #64748b;
  --es-bg: #f8fafc;
  --es-glass: rgba(255, 255, 255, 0.78);
  --es-line: rgba(226, 232, 240, 0.85);

  --es-space-1: 4px;
  --es-space-2: 8px;
  --es-space-3: 12px;
  --es-space-4: 16px;
  --es-space-5: 20px;
  --es-space-6: 24px;
  --es-space-7: 28px;
  --es-space-8: 32px;
  --es-space-9: 40px;
  --es-space-10: 48px;
  --es-space-11: 64px;
  --es-space-12: 80px;

  --es-radius-sm: 8px;
  --es-radius-md: 12px;
  --es-radius-lg: 16px;
  --es-radius-xl: 20px;
  --es-radius-2xl: 28px;
  --es-radius-pill: 100px;

  --es-font: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --es-font-mono: 'JetBrains Mono', monospace;
  --es-ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
  --es-ease-elastic: cubic-bezier(0.34, 1.45, 0.64, 1);
}