@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/Inter-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/assets/fonts/Inter-Medium.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/assets/fonts/Inter-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/Inter-Bold.ttf') format('truetype');
}

:root {
  /* Colors */
  --color-bg: #ffffff;
  --color-text: #1d1d1b;
  --color-accent: #b5d045;
  --color-muted: #9d9d9c;
  --color-light: #d1d2d2;
  --color-border: rgba(29,29,27,.14);
  --color-soft: #f7f7f7;

  /* Layout system */
  --container-max: 1120px;
  --gutter: clamp(16px, 3vw, 28px);
  --section-space: clamp(48px, 8vw, 96px);

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;

  /* Shadow */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
}