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

:root{
  --cc-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cc-font-display: "Instrument Sans", var(--cc-font);
}

*{ box-sizing: border-box; }
html, body{ margin:0; padding:0; }

html{ scroll-behavior: smooth; }

body{
  font-family: var(--cc-font);
  font-size: var(--cc-body);
  line-height: calc(var(--cc-body) * var(--cc-line));
  letter-spacing: var(--cc-track);
  background: var(--cc-bg-deep);
  color: var(--cc-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Stop any sideways “jiggle” / horizontal scroll */
html, body{
  max-width: 100%;
  overflow-x: hidden;
}

/* Modern browsers: better than hidden (prevents layout weirdness) */
@supports (overflow: clip){
  html, body{ overflow-x: clip; }
}


a{ color: inherit; }
img{ max-width: 100%; height: auto; }

::selection{ background: rgba(34,211,238,0.25); }

/* Accessible helper */
.screen-reader-text{
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* WordPress admin bar spacing */
body.admin-bar .cc-nav{ top:32px; }
@media(max-width:782px){ body.admin-bar .cc-nav{ top:46px; } }