@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;1,400&family=IBM+Plex+Sans:wght@300;400;500&display=swap');

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

:root {
  --bg:           #0d0d0d;
  --bg-raised:    #111111;
  --bg-subtle:    #0a0a0a;
  --border:       #1a1a1a;
  --border-mid:   #222222;
  --border-hi:    #2a2a2a;
  --text:         #c9c9c2;
  --text-bright:  #f0f0ea;
  --text-mid:     #e0e0da;
  --text-dim:     #6b6b63;
  --text-muted:   #5a5a54;
  --text-ghost:   #3d3d37;
  --text-faint:   #2e2e28;
  --accent:       #e6c54a;
  --accent-dim:   #8a7c2e;
  --accent-bg:    #1a1800;
  --accent-border:#2e2600;
  --green-dim:    #4a7c59;
  --blue:         #4a7abf;
  --blue-bg:      #001425;
  --red:          #bf4a4a;
  --red-bg:       #1a0000;
  --font-sans:    'IBM Plex Sans', sans-serif;
  --font-mono:    'IBM Plex Mono', monospace;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
}

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-weight: 400;
  line-height: 1.6;
  min-height: 100vh;
}

a {
  color: inherit;
  text-decoration: none;
}

code {
  font-family: var(--font-mono);
  font-size: 0.85em;
  color: var(--accent-dim);
}