:root{--bg: var(--brand-aqua);
  --text: var(--brand-deep);
  --muted: color-mix(in srgb, var(--brand-deep) 58%, transparent);
  --soft-muted: color-mix(in srgb, var(--brand-deep) 45%, transparent);

  --accent: var(--brand-gold);

  --gold: var(--brand-gold);
  --gold-soft: color-mix(in srgb, var(--brand-gold) 18%, transparent);
  --gold-medium: color-mix(in srgb, var(--brand-gold) 45%, transparent);
  --gold-shadow: color-mix(in srgb, var(--brand-gold) 12%, transparent);
  --gold-bg: var(--brand-aqua);

  --card: var(--brand-cyan);
  --border: color-mix(in srgb, var(--brand-deep) 5%, transparent);
  --warm: var(--brand-gold);

  --hero-gap: 50px;
  --section-gap: 100px;
  --component-gap: 15px;}
*{margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial;}
html{scroll-behavior: smooth;
  scrollbar-width: auto;
  scrollbar-color: var(--accent) color-mix(in srgb, var(--brand-gold) 18%, transparent);}
html::-webkit-scrollbar{width: 14px;}
html::-webkit-scrollbar-track{background: color-mix(in srgb, var(--brand-gold) 18%, transparent);}
html::-webkit-scrollbar-thumb{background: var(--accent);
  border-radius: 999px;}
body{background: var(--bg);
  color: var(--text);
  line-height: 1.5;}
a{text-decoration: none;
  color: inherit;}
.container{max-width: 1400px;
  margin: 0 auto;
  padding: 0 24px;}
footer{padding: 18px 32px;
  min-height: 58px;
  text-align: center;
  font-size: 13px;
  color: var(--muted);
  border-top: 1px solid var(--border);}
footer a{color: inherit;}
footer a:hover{color: var(--brand-deep);}
.footer-inner{display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  color: var(--muted);}
.footer-main{color: var(--muted);}
.footer-main a{color: inherit;}
.footer-site-links{display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0;
  color: var(--muted);
  font-size: 13px;}
.footer-site-link{width: 210px;
  min-width: 210px;
  max-width: 210px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  text-align: center;
  white-space: nowrap;}
.footer-site-link:hover{color: var(--brand-deep);}
.footer-divider{width: 1px;
  height: 14px;
  background: currentColor;
  opacity: 0.45;
  margin: 0 10px;}
#site-footer{position: relative;
  z-index: 20;}
#site-footer footer, #site-footer .footer-inner, #site-footer .footer-site-links, #site-footer a{position: relative;
  z-index: 30;}
#site-footer a{pointer-events: auto;}
#site-footer::before, #site-footer::after, footer::before, footer::after{pointer-events: none;}
html{scrollbar-width: auto !important;
  scrollbar-color: var(--accent) color-mix(in srgb, var(--brand-gold) 18%, transparent);}
html::-webkit-scrollbar{width: 14px !important;}
html::-webkit-scrollbar-track{background: color-mix(in srgb, var(--brand-gold) 18%, transparent);}
html::-webkit-scrollbar-thumb{background: var(--accent);
  border-radius: 999px !important;}