/* 1. Reset + Base */
@import url("./base.css");
/* 3. Utilities */
@import url("./utility.css");

/* =========================
   ROOT VARIABLES
========================= */
:root {

  /* ===== COLORS ===== */

  /* Base */
  --color-body: #08090A;
  --color-header: #09090A;
 
  /* Text */
  --color-text-primary: #F7F8F8;
  --color-text-secondary: #8A8F98;
  --color-text-white: #FFFFFF;
  --color-text-dark: #08090A;
  --color-text-service: #FFFCF8;

  /* Borders */
  --color-border-header: #1C1D1D;
  --color-border-card: #1B1C1D;

  /* Backgrounds */
  --color-bg-card: #0F1011;
  --color-bg-light: #E6E6E6;

   /* header */
   --menu-bg: #141516;
  
  

  /* Gradient */
  --gradient-section: linear-gradient(180deg, #212325 0%, #08090A 25%);


  /* ===== TYPOGRAPHY ===== */

  --font-primary:"Geist", sans-serif;
  --font-heading: "Geist", sans-serif;

  /* Font Sizes */
  --fs-h1: 64px;
  --fs-h2: 56px;
  --fs-body: 16px;
  --fs-body-mb: 14px;
 --fs-h1-mb: 36px;
 --fs-h2-tb: 38px;
 --fs-h2-mb: 30px;
  /* Line Heights */
  --lh-h1: 72px;
  --lh-h2: 64px;
  --lh-body: 24px;
  --lh-body-mb: 22px;
  --lh-h1-mb: 42px;
  --lh-h2-tb: 45px;
  --lh-h2-mb: 36px;

  /* Letter Spacing */
  --ls-tight: -0.9px;
  --ls-normal: 0;

  /* Font Weights */
  --fw-medium: 500;
  --fw-regular: 400;


  /* ===== SPACING ===== */
  --section-space: 150px;
  --section-space-1399: 120px;
  --section-space-tab: 100px;
  --section-space-mobile: 75px;
  --section-space-sm: 50px;

}




/* 4. Components */
@import url("./components/header.css");
@import url("./components/footer.css");


/* 5. Sections */
@import url("./sections/hero.css");
@import url("./sections/review.css");




/* width */
::-webkit-scrollbar {
  width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


link {
  color:red;
  -webkit-margin-collapse: var(--fs-body);
}




.form-control.error {
    border: 2px solid red !important;
}