:root {
  --background: #e4e9ef;
  --foreground: #0f172a;

  --card: #ffffff;
  --card-foreground: #0f172a;

  --primary: hsl(160 84% 39%);
  --primary-foreground: #ffffff;

  --secondary: #eef2f6;
  --secondary-foreground: #0f172a;

  --muted-foreground: #64748b;

  --border: #e2e8f0;

  --radius: 0.625rem;
  --radius-sm: calc(0.625rem - 4px);
  --radius-lg: calc(0.625rem + 4px);
  --radius-full: 9999px;

  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.03), 0 1px 3px 0 rgb(0 0 0 / 0.06);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.07), 0 4px 6px -4px rgb(0 0 0 / 0.05);

  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 350ms;

  --max-width: 1200px;

  --font-sans: 'DM Sans', system-ui, -apple-system, sans-serif;
  --font-display: 'Plus Jakarta Sans', 'DM Sans', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
}