:root {
  --bg: #16121C;
  --bg-elevated: #201A2A;
  --surface: #201A2A;
  --surface-muted: #322848;
  --text: #F6F3FB;
  --muted: #B7A8C9;
  --on-dark: #F6F3FB;
  --on-dark-muted: #B7A8C9;
  --accent: #A78BFA;
  --accent-soft: #C4B5FD;
  --accent-ink: #1A1224;
  --line: #3D3350;
  --header-bg: rgba(22, 18, 28, 0.94);
  --footer-bg: #0E0A14;
  --success: #3DDC8A;
  --warning: #F5B942;
  --danger: #FF5A63;
  --info-bg: #241C33;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-header: 0 1px 0 #3D3350;
  --hero-grad-1: #241C33;
  --hero-grad-2: #322848;
  --hero-grad-3: #16121C;
  --placeholder-border: rgba(246, 243, 251, 0.12);
}
:root {
  color-scheme: dark;
}
:root {
  --pad: 112px;
  --radius: 16px;
}