:root {
  color-scheme: light;

  --pulse-color-bg: #f4f1ea;
  --pulse-color-bg-alt: #efebe3;
  --pulse-color-panel: #ece7df;
  --pulse-color-surface: #ffffff;
  --pulse-color-surface-strong: #f8f5ef;
  --pulse-color-ink: #26272b;
  --pulse-color-muted: #6a6f78;
  --pulse-color-subtle: #8b9098;
  --pulse-color-border: #dfd9cf;
  --pulse-color-accent: #2b58eb;
  --pulse-color-accent-strong: #1e45d0;
  --pulse-color-accent-soft: #e6edff;
  --pulse-color-positive: #168c63;
  --pulse-color-caution: #bd6a1f;
  --pulse-color-danger: #cb475c;
  --pulse-color-shadow: rgba(32, 28, 24, 0.08);

  --pulse-font-display:
    "Space Grotesk",
    "Avenir Next",
    "Segoe UI",
    sans-serif;
  --pulse-font-body:
    "Manrope",
    "Avenir Next",
    "Segoe UI",
    sans-serif;
  --pulse-font-mono:
    "IBM Plex Mono",
    "SFMono-Regular",
    Consolas,
    monospace;

  --pulse-radius-sm: 18px;
  --pulse-radius-md: 26px;
  --pulse-radius-lg: 34px;
  --pulse-radius-pill: 999px;

  --pulse-container: 1320px;
  --pulse-container-wide: 1440px;

  --pulse-space-2: 8px;
  --pulse-space-3: 12px;
  --pulse-space-4: 16px;
  --pulse-space-5: 20px;
  --pulse-space-6: 24px;
  --pulse-space-8: 32px;
  --pulse-space-10: 40px;
  --pulse-space-12: 48px;
  --pulse-space-14: 56px;
  --pulse-space-16: 64px;
  --pulse-space-20: 80px;

  --pulse-shadow-sm: 0 12px 28px rgba(32, 28, 24, 0.05);
  --pulse-shadow-md: 0 28px 70px rgba(32, 28, 24, 0.08);
  --pulse-shadow-accent: 0 24px 54px rgba(43, 88, 235, 0.22);

  --pulse-ease: cubic-bezier(0.22, 1, 0.36, 1);
}