/* Дизайн токендері: түстер, қаріптер, өлшемдер */
:root {
  /* Түстер */
  --green-900: #013f34;
  --green-800: #05563a;
  --green-600: #048b46;
  --green-500: #5fa84d;
  --green-400: #7cc47f;
  --green-200: #cfe5d6;
  --green-100: #e6f3e1;
  --green-50: #f3f9ef;
  --yellow-500: #fdd035;
  --yellow-600: #f5c21b;

  --text: #0a3d32;
  --text-body: #35544d;
  --text-muted: #6b7a7c;
  --border: #e6ece6;
  --bg-soft: #f8faf7;
  --bg: #ffffff;

  /* Қаріптер */
  --font-base: "Montserrat", "Segoe UI", Arial, sans-serif;
  --font-script: "Caveat", cursive;

  --fs-xs: 12px;
  --fs-sm: 13px;
  --fs-md: 14px;
  --fs-base: 15px;
  --fs-lg: 18px;
  --fs-h2: 28px;
  --fs-h1: 48px;

  /* Өлшемдер */
  --container: 1320px;
  --gutter: 24px;
  --header-h: 72px;
  --section-gap: 80px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  --shadow-card: 0 6px 24px rgba(12, 47, 40, 0.06);
  --transition: 0.2s ease;
}