/* Utility Styles */
@import url("./utilities/container.css");
@import url("./utilities/section-header.css");

/* Component Styles */
@import url("./components/button.css");
@import url("./components/form.css");

/* Section Styles */
@import url("./sections/navbar.css");
@import url("./sections/hero.css");
@import url("./sections/about.css");
@import url("./sections/services.css");
@import url("./sections/steps.css");
@import url("./sections/coach.css");
@import url("./sections/pricing.css");
@import url("./sections/testimonials.css");
@import url("./sections/faq.css");
@import url("./sections/cta.css");
@import url("./sections/footer.css");
@import url("./sections/contact.css");
@import url("./sections/success.css");

/* Base & global styles */
:root {
  --primary-100: #b4dc26;
  --primary-200: #eef6ce;
  --primary-300: #d9eafd;
  --grayscale-black: #161a1e;
  --grayscale-200: #737678;
  --grayscale-300: #a2a3a5;
  --grayscale-400: #b9babc;
  --grayscale-500: #e8e8e9;
  --grayscale-600: #f4f4f4;
  --grayscale-700: #f8f8f8;
  --grayscale-white: #ffffff;
  --message-success: #138943;
  --message-error: #dc2626;

  --font-inter: "Inter Tight", sans-serif;
  --font-sora: "Sora", sans-serif;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 90px;
}

body {
  font-family: var(--font-inter);
  width: 100%;
  max-width: 100vw;
}

section,
footer {
  overflow-x: clip;
}