/* === Google Fonts === */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap');

/* === CSS Design Tokens (Material Design 3 · Tech Theme) === */
:root {
  /* Background */
  --bg-base:     #050818;
  --bg-surface:  #080D1E;
  --bg-elevated: #0D1428;

  /* Primary */
  --primary:       #2979FF;
  --primary-light: #448AFF;
  --primary-dark:  #1565C0;

  /* Accent */
  --accent-cyan:   #00E5FF;
  --accent-purple: #7C4DFF;

  /* Gradients */
  --gradient-primary: linear-gradient(135deg, #2979FF 0%, #00E5FF 100%);
  --gradient-bg:      linear-gradient(180deg, #050818 0%, #0A0E1A 100%);
  --gradient-glow:    linear-gradient(135deg, rgba(41,121,255,0.15) 0%, rgba(0,229,255,0.10) 100%);

  /* Text */
  --text-primary:   #FFFFFF;
  --text-secondary: rgba(255,255,255,0.70);
  --text-muted:     rgba(255,255,255,0.40);

  /* Border */
  --border-subtle:  rgba(255,255,255,0.08);
  --border-glow:    rgba(41,121,255,0.35);

  /* Fonts */
  --font-primary: 'Inter', 'HarmonyOSHans-Light', 'Arial', 'Helvetica', sans-serif;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;

  /* Shadows */
  --glow-primary: 0 0 24px rgba(41,121,255,0.25);
  --glow-cyan:    0 0 24px rgba(0,229,255,0.20);
}

/* === Reset === */
html, body, ul, li, ol, dl, dd, dt, p,
h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
  margin: 0;
  padding: 0;
}

fieldset { border: none; }

img {
  display: block;
  -webkit-user-drag: none;
}

address, caption, cite, code, dfn, th, var {
  font-style: normal;
  font-weight: normal;
}

ul, ol, li { list-style: none; }

* { box-sizing: border-box; }

/* === Base === */
body {
  font-family: var(--font-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--text-primary);
  font-style: normal;
  font-size: 16px;
  font-weight: 400;
  background: var(--bg-base);
}

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

body, html {
  height: auto;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: var(--bg-base);
}

/* Hide scrollbar */
body::-webkit-scrollbar { width: 0 !important; }
body {
  -ms-overflow-style: none;
  overflow: -moz-scrollbars-none;
}

.clear { clear: both; }