/* Base CSS: variables, resets, and typography */

:root {
  --fp-primary: #3498db;
  --fp-secondary: #2ecc71;
  --fp-danger: #e74c3c;
  --fp-text: #333333;
  --fp-muted: #777777;
  --fp-bg: #ffffff;
}

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

html, body {
  margin: 0;
  padding: 0;
}

body {
  color: var(--fp-text);
  background: var(--fp-bg);
}