/*
 * Global reset and design tokens.
 * Component styles live in their own files — only truly global rules here.
 */

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

:root {
  /* Palette */
  --fog-bg:        rgba(15, 18, 22, 0.88);
  --fog-bg-deep:   rgba(15, 18, 22, 0.95);
  --fog-surface:   rgba(255, 255, 255, 0.04);
  --fog-border:    rgba(255, 255, 255, 0.06);

  --fog-text:      #c8ccd0;
  --fog-text-dim:  #6a7080;
  --fog-text-faint:#3a3e48;

  --fog-amber:     #E8A547;   /* active state, primary accent */
  --fog-amber-dim: #B8842E;   /* injured state */
  --fog-red:       #C03A3A;   /* downed / sacrifice */
  --fog-green:     #4a8c6f;   /* success outcome */

  /* Typography */
  --font-serif:  'Cormorant', Georgia, serif;
  --font-mono:   'JetBrains Mono', 'IBM Plex Mono', 'Courier New', monospace;
  --font-sans:   system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--font-sans);
  background: transparent;
  color: var(--fog-text);
  -webkit-font-smoothing: antialiased;
}

button {
  font-family: inherit;
}
