/* Atakum Su Tesisat — custom styles on top of Tailwind CDN */

:root {
  --primary: #0EA5E9;
  --secondary: #0F2A43;
  --accent: #10B981;
}

html { scroll-behavior: smooth; }
body { -webkit-font-smoothing: antialiased; }

/* Visually hidden but accessible */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* Prose-ish content blocks for DB-driven HTML */
.content { color: #334155; line-height: 1.75; }
.content h2 { font-family: "Plus Jakarta Sans", sans-serif; color: var(--secondary); font-size: 1.5rem; font-weight: 700; margin: 1.75rem 0 .75rem; }
.content h3 { font-family: "Plus Jakarta Sans", sans-serif; color: var(--secondary); font-size: 1.2rem; font-weight: 600; margin: 1.4rem 0 .5rem; }
.content p { margin-bottom: 1rem; }
.content ul { list-style: disc; padding-left: 1.4rem; margin-bottom: 1rem; }
.content ol { list-style: decimal; padding-left: 1.4rem; margin-bottom: 1rem; }
.content li { margin-bottom: .35rem; }
.content a { color: var(--primary); text-decoration: underline; }
.content strong { color: var(--secondary); }
.content blockquote { border-left: 4px solid var(--primary); padding-left: 1rem; color: #475569; font-style: italic; margin: 1.25rem 0; }

/* Prevent body scroll when mobile menu open */
body.menu-open { overflow: hidden; }

/* Focus visibility */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible, summary:focus-visible {
  outline: 2px solid var(--primary); outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}