:root {
  --ink: #edf0ff;
  --ink-soft: #aeb7d8;
  --paper: #090b14;
  --paper-deep: #15192a;
  --moss: #6574e8;
  --lime: #a78bfa;
  --coral: #4fb7ff;
  --line: rgba(177, 190, 255, 0.2);
  --muted: #929cbd;
  --white: #15192a;
}

body {
  background: var(--paper);
  color: var(--ink);
}

.signal-band, .closing, footer {
  background: #0d1020;
}

.terminal-window, .setup-card, .plan-card, .security-grid > div, .guide-callout {
  background: var(--paper-deep);
  border-color: var(--line);
}

.terminal-window, .setup-card, .plan-card, .security-grid > div {
  color: var(--ink);
}

.command-line, .window-header, .setup-list li, .plan-card li, .security-grid p {
  color: var(--ink-soft);
}

.shell aside {
  background: #0d1020;
  color: var(--ink);
}

aside select {
  background: #1b2038;
  border-color: #373f65;
  color: var(--ink);
}

aside .overline, nav a, .account {
  color: #aeb7d8;
}

nav a.active, nav a:hover {
  background: #252c52;
  color: var(--lime);
}

input, textarea, select, dialog {
  background: #101426;
  border-color: var(--line);
  color: var(--ink);
}

.metric-grid article, .panel, .list-item, dialog {
  background: var(--paper-deep);
  border-color: var(--line);
}

.metric-grid small, .hint, .list-item small, label {
  color: var(--ink-soft);
}

button, .setup-link {
  background: #6574e8;
}

button:hover, .setup-link:hover {
  background: #7987f2;
}

::selection {
  background: #6574e8;
  color: #fff;
}