:root {
  color-scheme: dark;
  --bg-page: #020817;
  --bg-page-2: #061329;
  --surface: rgba(7, 20, 43, .82);
  --surface-2: rgba(14, 38, 74, .82);
  --text-primary: #f8fafc;
  --text-secondary: #d7e5f4;
  --text-muted: #9bb4ce;
  --border: rgba(25, 184, 230, .20);
  --border-strong: rgba(34, 211, 238, .42);
  --accent-red: #f04444;
  --accent-amber: #ffd21f;
  --accent-safe: #38f5b2;
  --accent-blue: #1ea7ff;
  --accent-cyan: #12e6f3;
  --brand-white: #f8fbff;
  --radius-md: 1rem;
  --radius-lg: 1.35rem;
  --radius-xl: 2rem;
  --shadow-lg: 0 24px 90px rgba(0, 7, 20, .48), 0 0 44px rgba(18, 230, 243, .08);
}