:root {
  --az-bg: #f7fafb;
  --az-surface: #ffffff;
  --az-teal: #06b6c4;
  --az-teal-dark: #057f8a;
  --az-coral: #f0654f;
  --az-coral-dark: #d24b37;
  --az-ink: #26303a;
  --az-muted: #71808a;
  --az-border: #e1e9ec;
  --az-head: "Montserrat", Helvetica, Arial, sans-serif;
  --az-body: "Lato", Helvetica, Arial, sans-serif;
}

.az-body {
  background-color: #f7fafb;
  color: #26303a;
  font-family: "Lato", Helvetica, Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
}
.az-main { min-height: 60vh; }

h1, h2, h3, h4, .az-h, .az-brand, .az-hero-title {
  font-family: "Montserrat", Helvetica, Arial, sans-serif;
  color: #057f8a;
  line-height: 1.2;
}
h1, .az-hero-title { font-size: 36px; font-weight: 700; }
h2 { font-size: 27px; font-weight: 700; }
h3 { font-size: 20px; font-weight: 600; }

/* nav */
.az-navbar { background: #06b6c4; border-bottom: 3px solid #f0654f; }
.az-navbar .az-brand { color: #ffffff; font-size: 1.5rem; }
.az-navbar .uk-navbar-nav > li > a { color: #ffffff; font-family: var(--az-head); text-transform: none; min-height: 60px; }
.az-navbar .uk-navbar-nav > li > a:hover { color: #ffe2dc; }
.az-navbar .uk-navbar-toggle { color: #ffffff; }
.uk-navbar-dropdown { background: #057f8a; }
.uk-navbar-dropdown-nav > li > a { color: #ffffff; }
.uk-navbar-dropdown-nav > li > a:hover { color: #ffe2dc; }
.az-sub a { padding-left: 2rem !important; font-size: 0.9rem; }

/* hero */
.az-hero { background: linear-gradient(135deg, #06b6c4 0%, #057f8a 100%); }
.az-hero-title { color: #ffffff; }
.az-hero-sub { color: #d6f3f6; }

/* prose */
.az-prose { background: #ffffff; border: 1px solid #e1e9ec; border-radius: 8px; padding: 1.9rem 2.1rem; max-width: 880px; margin: 0 auto; }
.az-prose img, .az-img { max-width: 100%; height: auto; border-radius: 6px; }
.az-prose a { color: #f0654f; text-decoration: underline; text-decoration-color: #e1e9ec; }
.az-prose a:hover { color: #d24b37; text-decoration-color: #f0654f; }
.az-muted, .uk-article-meta { color: #71808a; }
.az-quote { border-left: 4px solid #f0654f; padding-left: 1rem; color: #26303a; background: #f7fafb; font-style: italic; }
.az-listing-title { border-bottom: 3px solid #f0654f; padding-bottom: 0.4rem; margin-bottom: 1.5rem; }
.az-toc { background: #f7fafb; border: 1px solid #e1e9ec; border-radius: 6px; padding: 1rem 1.25rem; }
.az-breadcrumb a { color: #71808a; }
.az-related { margin-top: 1.5rem; }

/* cards */
.az-card { border: 1px solid #e1e9ec; }
.az-card .uk-card-title a { color: #057f8a; text-decoration: none; }
.az-card .uk-card-title a:hover { color: #f0654f; }
.read-more { color: #f0654f; }
.read-more:hover { color: #d24b37; }

/* footer */
.az-footer { background: #057f8a; color: #d6eef0; }
.az-footer .az-brand { color: #f0654f; }
.az-footer-sitemap { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; }
.az-footer-link { color: #d6eef0; text-decoration: none; font-size: 0.9rem; }
.az-footer-link:hover { color: #ffe2dc; }
.az-footer-copy { color: #9fcfd4; border-top: 1px solid #06b6c4; margin-top: 1.5rem; padding-top: 1rem; font-size: 0.85rem; }

@media print { .az-navbar, .az-footer { display: none; } }