/* base-2026.css – unified typography + readability (Ekovanja)
   Goals: consistent font + spacing, better contrast, accessible focus.
   Keep selectors low-specificity to avoid breaking existing layouts.
*/
:root{
  --font-sans: system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif;
  --text-base: 17px;
  --line-base: 1.72;
}

/* Consistent box sizing */
html{ box-sizing:border-box; font-size:16px; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
*,*::before,*::after{ box-sizing:inherit; }

/* Body baseline */
body{
  margin:0;
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--line-base);
  color: var(--ink, #e7f3ec);
  background: var(--bg-darker, #08130f);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Readability defaults (low-risk) */
p{ margin: 0 0 1em; }
:where(main) p:last-child{ margin-bottom: 0; }

h1,h2,h3{ margin: 0 0 .6em; line-height: 1.18; }
h2{ margin-top: 1.35em; }
h3{ margin-top: 1.15em; }

ul,ol{ margin: 0 0 1em 1.25em; }
li{ margin: .25em 0; }

a{ color: var(--accent, #6bd08c); text-decoration: none; }
a:hover{ text-decoration: underline; }
a:focus-visible{ text-decoration: underline; }

img{ display:block; max-width:100%; height:auto; }

/* Accessible focus */
:focus-visible{
  outline: 2px solid var(--accent, #6bd08c);
  outline-offset: 3px;
}

/* Navigation harmonization (zero specificity with :where) */
:where(.desktop-nav), :where(.nav-links){
  font-size: 15px;
  letter-spacing: .1px;
}
:where(.desktop-nav a), :where(.nav-links a){
  border-radius: 12px;
}

/* Footer readability */
:where(footer), :where(.site-footer){
  color: var(--muted, rgba(230,242,234,.78));
}


/* Responsive text sizing */
@media (min-width: 1100px){
  :root{ --text-base: 18px; }
}
@media (max-width: 520px){
  :root{ --text-base: 16px; }
  :where(.desktop-nav), :where(.nav-links){ font-size: 14px; }
}


/* Simple list + FAQ styling (hubs) */
.clean-list{ margin: .25em 0 1em 1.1em; }
.clean-list li{ margin: .45em 0; }
.faq h3{ margin: 1em 0 .35em; }
.faq p{ margin: 0 0 .85em; }