*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --navy:    #1F2A44;
  --navy2:   #26334f;
  --navy3:   #2e3d5e;
  --yellow:  #F2B705;
  --green:   #1F8A57;
  --red:     #E05252;
  --text:    #F0F2F7;
  --muted:   #8A96B0;
  --border:  rgba(255,255,255,0.08);
  --font:    -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
  --mono:    'Cascadia Code', 'Consolas', 'Courier New', monospace;
}

html, body {
  background: var(--navy);
  color: var(--text);
  font-family: var(--font);
  font-size: 14px;
  min-height: 100dvh;
  -webkit-font-smoothing: antialiased;
}

input, select, button { font-family: var(--font); }

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 99px; }