:root {
  color-scheme: dark;
  --bg: #071521;
  --bg-soft: #0c2232;
  --panel: #f7fafc;
  --panel-soft: #eaf1f5;
  --text: #12212c;
  --muted: #607381;
  --on-dark: #eef8fb;
  --accent: #20c7b5;
  --accent-dark: #087f77;
  --danger: #c84457;
  --border: #cddce4;
  --focus: #45e7d5;
  --shadow: 0 18px 48px rgba(0, 0, 0, .24);
  --radius: 18px;
  --radius-sm: 10px;
  --max-width: 1180px;
}