/* Dibuat otomatis dari Panel admin > Warna. Jangan diedit manual. */
:root {
  --page-bg: linear-gradient(90deg, #9CA5B0 0%, #5E6473 100%);
  --page-base: #7D8592;
  --nav-bg: linear-gradient(90deg, #9CA5B0 0%, #5E6473 100%);
  --nav-fg: #FFFFFF;
  --btn-bg: linear-gradient(180deg, #9CA5B0 0%, #5E6473 100%);
  --btn-fg: #FFFFFF;
  --on-blue: #FFFFFF;
  --on-blue-soft: rgba(255,255,255,.9);
  --page-line: rgba(255,255,255,.28);
}
html { background: var(--page-bg) var(--page-base) fixed; }
body { color: var(--on-blue); }
.site-header { background: var(--nav-bg); color: var(--nav-fg); border-bottom-color: var(--page-line); }
.site-nav a, .account .who, .site-header .who { color: var(--nav-fg); }
.site-nav a:hover { color: var(--nav-fg); }
.btn { --bg: var(--btn-bg); --fg: var(--btn-fg); }
.site-footer { color: var(--on-blue-soft); border-top-color: var(--page-line); }
.tabs { border-bottom-color: var(--page-line); }
.tabs button { color: var(--on-blue-soft); }
.tabs button:hover, .tabs button[aria-selected="true"] { color: var(--on-blue); border-bottom-color: var(--on-blue); }
.hero h1, .section-head h2, .prose { color: var(--on-blue); }