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

:root {
  --navy:       #1e3a5f;
  --navy-dark:  #0f1f35;
  --gold:       #c9a84c;
  --gold-light: #e8c96d;
  --surface:    #1a2d47;
  --surface-2:  #243d5c;
  --text:       #e8edf2;
  --text-muted: #8ba3bc;
  --danger:     #e05252;
  --sidebar-w:  220px;
  --font: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

html, body, #root { height: 100%; }

body {
  background: var(--navy-dark);
  color: var(--text);
  font-family: var(--font);
}

button { cursor: pointer; font-family: inherit; }
a { color: inherit; text-decoration: none; }