:root {
  --color-bg: #f6f6f4;
  --color-surface: #ffffff;
  --color-text: #17171a;
  --color-text-muted: #5b5b63;
  --color-border: rgba(0, 0, 0, 0.12);
  --color-scrim: rgba(255, 255, 255, 0.88);
  --color-accent: #f2b632;
  --color-accent-text: #1a1200;
  --color-success: #2f9e6e;
  --color-success-bg: rgba(47, 158, 110, 0.12);
  --color-error-bg: #c62828;
  --color-error-text: #ffffff;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  font-family: var(--font-family);
  background: var(--color-bg);
  color: var(--color-text);
}