:root {
  --text: #17313a;
  --muted: #5d7780;
  --link: #0f8f93;
  --panel: rgba(242, 247, 248, 0.94);
  --line: rgba(57, 108, 118, 0.2);
  --menu: rgba(213, 235, 236, 0.96);
}

body {
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.2), transparent 30%),
    radial-gradient(circle at top right, rgba(194, 214, 235, 0.22), transparent 34%),
    radial-gradient(circle at 50% 0%, rgba(168, 196, 229, 0.12), transparent 42%),
    linear-gradient(180deg, rgba(233, 239, 246, 0.16), rgba(214, 221, 231, 0.2)),
    url("legacy/mac_bg.png") repeat;
}

a {
  color: var(--link);
}

h1,
h2,
.news-feature-title,
.news-card-title a,
.content-side h2 a {
  color: #17313a;
}

.container {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 18px 48px rgba(71, 102, 109, 0.1);
}

.content-page .content-main {
  padding-top: 0;
}

.container-inner {
  background: url("legacy/mac_bg.png") repeat;
}

.site-header {
  background: url("legacy/container_inner.jpg") no-repeat top center;
  background-size: 100% auto;
}

.site-nav {
  background: linear-gradient(180deg, rgba(212, 227, 242, 0.9), rgba(189, 208, 228, 0.9));
  border-top: 1px solid rgba(247, 250, 255, 0.78);
  border-bottom: 1px solid rgba(105, 129, 160, 0.26);
}

.site-nav a {
  color: #1a3a43;
  border-right: 1px solid rgba(82, 128, 136, 0.22);
}

.theme-toggle {
  background: rgba(244, 248, 253, 0.92);
  border-color: rgba(105, 129, 160, 0.24);
  color: #1a3a43;
}

.theme-toggle-thumb {
  background: #ffffff;
}

.menu-toggle {
  background: rgba(235, 241, 248, 0.95);
  color: #1a3a43;
  border: 1px solid rgba(105, 129, 160, 0.28);
}

.shadow-down {
  background: linear-gradient(180deg, rgba(112, 149, 157, 0.24), rgba(0, 0, 0, 0));
}

.news-more a,
.pager a,
.pager-current,
.contact-form-static button {
  background: rgba(232, 239, 247, 0.92);
  color: #1a3a43;
  border-color: rgba(105, 129, 160, 0.24);
}

.pager-current {
  background: #f1d8df;
}

.contact-form-static input,
.contact-form-static textarea {
  background: rgba(255, 255, 255, 0.78);
  color: #17313a;
  border-color: rgba(105, 129, 160, 0.22);
}

tr.highlight td {
  background: rgba(229, 234, 236, 0.9);
  color: #17313a;
  border-color: rgba(105, 129, 160, 0.22);
}

.site-footer {
  color: #35535b;
}