:root {
  --pulse-black: #000000;
  --pulse-signal: #00D084;
  --pulse-link: #00C3B0;
  --pulse-mist: #F2F7F4;
  --pulse-forest: #0D1915;
  --pulse-text: #101916;
  --pulse-dark-green: #00744C;
  --pulse-secondary-text: #52655A;
  --pulse-surface: #FFFFFF;
  --pulse-border: rgba(0, 116, 76, 0.20);
  --pulse-warning: #A06A2C;
  --pulse-warning-surface: #F5EADB;
  --pulse-danger: #9D493E;
  --pulse-danger-surface: #F8E6E3;

  --pulse-font-ui: Rubik, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --pulse-font-numeric: Rubik, system-ui, sans-serif;

  --pulse-space-1: 8px;
  --pulse-space-2: 16px;
  --pulse-space-3: 24px;
  --pulse-space-4: 32px;
  --pulse-space-6: 48px;
  --pulse-space-8: 64px;

  --pulse-radius-sm: 8px;
  --pulse-radius-md: 16px;
  --pulse-radius-lg: 24px;
  --pulse-radius-xl: 32px;
  --pulse-radius-pill: 999px;

  --pulse-shadow-subtle: 0 8px 28px rgba(13, 25, 21, 0.06);
  --pulse-shadow-raised: 0 16px 48px rgba(13, 25, 21, 0.10);
  --pulse-focus: 0 0 0 2px var(--pulse-signal), 0 0 0 5px var(--pulse-forest);
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: local("Rubik");
}