:root {
  --sm-grey-900: #313131;
  --sm-grey-700: #3e3e3e;
  --sm-grey-600: #4c4a4b;
  --sm-grey-500: #757879;
  --sm-main-100: #ebfff6;
  --sm-main-200: #cbece1;
  --sm-main-300: #a9e0ce;
  --sm-main-400: #73d2b3;
  --sm-main-600: #15b799;
  --sm-main-900-a10: rgba(0, 58, 50, 0.1);
  --sm-yellow: #f6e7a1;
  --sm-yellow-soft: #fbf3cc;
  --sm-secondary-200: #fff6c7;
  --sm-secondary-400: #ffeb79;
  --sm-main-700: #006f62;
  --sm-danger: #f50e0e;
  --sm-success: #48a474;
  --sm-bg: #f8f9f6;
  --sm-white: #ffffff;
  --sm-radius-sm: 12px;
  --sm-radius: 20px;
  --sm-radius-lg: 32px;
  --sm-radius-pill: 999px;
  --sm-container: 1280px;
  --sm-pad: 80px;
  --sm-pad-m: 16px;
  --sm-font-display: "League Spartan", "Spartan", system-ui, sans-serif;
  --sm-font-body: "Manrope", "Gilroy", system-ui, sans-serif;
  --sm-shadow-card: 0 8px 32px rgba(49, 49, 49, 0.06);
  --sm-header-h: 100px;
  --sm-transition: 0.25s ease;
}

@media (max-width: 900px) {
  :root {
    --sm-pad: 16px;
    --sm-header-h: 56px;
  }
}