html[data-theme='light'] {
  --hub-bg: #f3f1e8;
  --hub-surface: #fbfaf6;
  --hub-surface-2: #f7f5ee;
  --hub-border: #cbc7bb;
  --hub-text: #34332f;
  --hub-bright: #151614;
  --hub-tech: #006b3c;
  --hub-games: #2457a6;
  color-scheme: light;
}

html[data-theme='light'] body.hub {
  background-image: radial-gradient(circle, #ccc8bd 1px, transparent 1px);
}

html[data-theme='light'] body.hub::after {
  background: repeating-linear-gradient(0deg, transparent 0 2px, rgba(0, 107, 60, .012) 2px 4px);
}

html[data-theme='light'] .hub-status-bar {
  background: rgba(243, 241, 232, .96);
  border-color: #d9d5ca;
}

html[data-theme='light'] .hub-uptime,
html[data-theme='light'] .hub-kicker,
html[data-theme='light'] .hub-sys {
  color: #77736b;
}

html[data-theme='light'] .hub-identity {
  background: linear-gradient(110deg, rgba(0, 107, 60, .06), var(--hub-surface-2) 46%);
  border-top-color: #aaa69b;
}

html[data-theme='light'] .hub-avatar {
  border-color: rgba(0, 107, 60, .38);
}

html[data-theme='light'] .hub-tagline,
html[data-theme='light'] .hub-links a,
html[data-theme='light'] .hub-panel-label,
html[data-theme='light'] .hub-panel-copy {
  color: #625f58;
}

html[data-theme='light'] .hub-links a:hover,
html[data-theme='light'] .hub-links .hub-link-accent,
html[data-theme='light'] .hub-panel-tech .hub-panel-label,
html[data-theme='light'] .hub-panel-status-on,
html[data-theme='light'] .hub-panel-cta {
  color: #006b3c;
}

html[data-theme='light'] .hub-panel-tech {
  background: linear-gradient(145deg, #eef4ed, var(--hub-surface-2) 60%);
  border-color: rgba(0, 107, 60, .28);
  border-top-color: rgba(0, 107, 60, .62);
}

html[data-theme='light'] .hub-panel-tech:hover {
  border-color: rgba(0, 107, 60, .48);
  box-shadow: 0 8px 30px rgba(30, 55, 40, .08);
}

html[data-theme='light'] .hub-panel-games {
  background: linear-gradient(145deg, #edf0f5, var(--hub-surface-2) 60%);
  border-color: rgba(36, 87, 166, .24);
  border-top-color: rgba(36, 87, 166, .55);
}

html[data-theme='light'] .hub-panel-games .hub-panel-label,
html[data-theme='light'] .hub-terminal-lines,
html[data-theme='light'] .hub-panel-cta-dim {
  color: #2457a6;
}

html[data-theme='light'] .hub-panel-status {
  color: #77736b;
}

html[data-theme='light'] .hub-panel-posts,
html[data-theme='light'] .hub-post-row {
  border-color: #d9d5ca;
}

html[data-theme='light'] .hub-post-title,
html[data-theme='light'] .hub-post-row time {
  color: #625f58;
}

html[data-theme='light'] .hub-placeholder {
  border-color: #c9c5ba;
  color: #77736b;
}

html[data-theme='light'] .hub-featured-project {
  background: linear-gradient(120deg, rgba(36, 87, 166, .07), var(--hub-surface-2) 58%);
  border-color: rgba(36, 87, 166, .27);
  border-top-color: rgba(36, 87, 166, .56);
}

html[data-theme='light'] .hub-featured-heading,
html[data-theme='light'] .hub-featured-project p {
  color: #625f58;
}

html[data-theme='light'] .hub-featured-status,
html[data-theme='light'] .hub-featured-cta {
  color: #006b3c;
}

html[data-theme='light'] .hub-footer,
html[data-theme='light'] .hub-nav {
  border-color: #d9d5ca;
}

html[data-theme='light'] .hub-footer,
html[data-theme='light'] .hub-nav a,
html[data-theme='light'] .hub-nav span {
  color: #625f58;
}

html[data-theme='light'] .hub-nav a:hover,
html[data-theme='light'] .hub-nav .hub-nav-active {
  color: #006b3c;
}