/* ═══════════════════════════════════════════════════════════
   RepublicMC — Reset & Base Elements
   ═══════════════════════════════════════════════════════════ */

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

html {
  scroll-behavior: smooth;
  background: var(--bg);
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  min-height: 100vh;
  /* Soft gradient so glass blur effect is visible */
  background:
    radial-gradient(ellipse at 20% 0%, rgba(14, 165, 201, 0.18) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 10%, rgba(99, 200, 220, 0.14) 0%, transparent 40%),
    radial-gradient(ellipse at 50% 80%, rgba(180, 210, 230, 0.20) 0%, transparent 50%),
    linear-gradient(160deg, #d6e4ee 0%, #dde8f0 40%, #cfdce8 100%);
  background-attachment: fixed;
  color: var(--text);
  font-family: "Inter", "Segoe UI", system-ui, sans-serif;
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

img,
svg {
  display: block;
  max-width: 100%;
}

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

button,
input,
textarea,
select {
  font: inherit;
}

::selection {
  background: var(--accent-light);
  color: var(--accent-dark);
}