@import './nav/index.css';
@import './intro/index.css';
@import './summary/index.css';
@import './about/index.css';
@import './skills/index.css';
@import './projects/index.css';
@import './services/index.css';
@import './message/index.css';
@import './footer/index.css';

:root {

  /* Text Colors */
  --text-dark: #1a2238;
  /* deep blue-black */
  --text-light: #f5f6fa;
  /* off-white */

  /* Shadows */
  --shadow-light: rgba(30, 42, 73, 0.08);
  --shadow-dark: rgba(30, 42, 73, 0.18);
  --shadow-shine: rgba(255, 255, 255, 0.08);

  /* Container widths */
  --container-xl: 1400px;
  --container-lg: 1200px;
  --container-md: 768px;
  --container-sm: 576px;

  /* Modern Blue Theme */
  --theme-primary: #304ffe;
  /* deep blue */
  --theme-secondary: #00bfae;
  /* teal accent */
  --theme-accent: #ffb300;
  /* gold accent */
  --theme-bg: #f5f6fa;
  /* soft background */
  --theme-btn: #304ffe;
  /* button color */
  --theme-btn-hover: #1e40af;
  /* button hover (darker blue) */
  --theme-globe: #e3e9f7;
  /* subtle blue accent */
  --brand-violet: #b388ff;

  /* Project Card Theme */
  --card-radius: 1.5rem;
  --card-shadow: 0 4px 32px var(--shadow-dark);
  --card-shadow-hover: 0 8px 40px var(--shadow-dark);
  --modal-overlay: rgba(24, 24, 36, 0.85);
  --project-card-bg: rgba(35, 36, 58, 0.98);
}

/* Hide scrollbar for Chrome, Safari and Opera */
::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
* {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

/* basic reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Poppins", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", sans-serif;
  background: var(--about-bg, #fff);
  background-color: var(--theme-bg);
  color: var(--text-dark);
}

a {
  text-decoration: none;
  color: inherit;
}

ul,
li {
  list-style: none;
}


button {
  border: none;
  cursor: pointer;
}

.footer__brand span {
  color: var(--brand-violet) !important;
}