:root {
  --bg: #12161C;
  --bg-elevated: #1A2028;
  --surface: #1A2028;
  --surface-muted: #24303C;
  --text: #F7F8FA;
  --muted: #95A4B4;
  --on-dark: #F7F8FA;
  --on-dark-muted: #95A4B4;
  --accent: #4A82E2;
  --accent-soft: #7AA6EE;
  --accent-ink: #FFFFFF;
  --line: #2C3846;
  --header-bg: rgba(18, 22, 28, 0.94);
  --footer-bg: #0B0E13;
  --success: #3DDC8A;
  --warning: #F5B942;
  --danger: #FF5A63;
  --info-bg: #152033;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-header: 0 1px 0 #2C3846;
  --hero-grad-1: #152033;
  --hero-grad-2: #1A2740;
  --hero-grad-3: #12161C;
  --placeholder-border: rgba(247, 248, 250, 0.12);
}
:root {
  color-scheme: dark;
}
:root {
  --pad: 40px;
  --radius: 16px;
}