@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

@import 'reset.css';
@import 'variables.css';
@import 'animations.css';
@import 'components/buttons.css';
@import 'components/navbar.css';
@import 'components/hero.css';
@import 'components/cards.css';
@import 'components/sections.css';
@import 'components/footer.css';
@import 'components/light-mode.css';

/* Base */
html { scroll-behavior: smooth; }

body {
  font-family: var(--font);
  background: var(--bg);
  color: var(--text);
  font-size: var(--font-size-base);
  line-height: 1.6;
  overflow-x: hidden;
}

/* Selection */
::selection {
  background: rgba(34,197,94,0.25);
  color: var(--text);
}

/* Scrollbar */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: rgba(34,197,94,0.3); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--primary); }

/* Container */
.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding: 0 var(--space-8);
  width: 100%;
}

/* Divider */
.divider {
  height: 1px;
  background: var(--border);
  margin: 0;
}

/* Text utilities */
.text-primary   { color: var(--primary); }
.text-muted     { color: var(--text-muted); }
.text-secondary { color: var(--text-secondary); }

/* Gradient text */
.gradient-text {
  background: var(--gradient-primary);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Focus visible */
:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 3px;
  border-radius: var(--radius-sm);
}

/* AOS overrides */
[data-aos] { pointer-events: none; }
[data-aos].aos-animate { pointer-events: auto; }