@import "./footer.css";
@import "./cta.css";
@import "./header.css";
@import "./contact.css";
@import "./about.css";
@import "./our-work.css";
@import "./product.css";
@import "./service.css";
@import "./index.css";
@import "./gov-solution.css";
/* =====================================================
   ROOT VARIABLES
===================================================== */

:root {
  --background: #f3f2f2;
  --foreground: #0b1526;
  --card: #ffffff;
  --card-foreground: #0b1526;
  --primary: #14b8a6;
  --primary-hover: #0d9488;
  --secondary: #f3f5f7;
  --muted: #f5f6f8;
  --muted-foreground: #64748b;
  --border: #e4e7eb;
  --accent: #14b8a6;
  --radius: 0.75rem;
  --font-sans: "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Manrope", system-ui, -apple-system, sans-serif;
}

/* =====================================================
   RESET
===================================================== */

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;

  min-height: 100vh;

  background: var(--background);

  color: var(--foreground);

  font-family: var(--font-sans);

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;

  display: block;
}

a {
  color: inherit;

  text-decoration: none;
}

button {
  font-family: inherit;

  cursor: pointer;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-display);

  font-weight: 800;
}