@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --c-primary:      #4f46e5;
  --c-primary-dark: #3d35c2;
  --c-primary-soft: rgba(79, 70, 229, .10);
  --c-text:         #151621;
  --c-muted:        #5e697a;
  --c-bg:           #fdfffd;
  --c-bg-soft:      #f4f6f7;
  --c-border:       #e0e4eb;
  --c-accent:       #07b6d3;

  --font-head: "Space Grotesk", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;

  --radius:    8px;
  --radius-lg: 12px;
}