:root {
  /* Light Mode (Default) */
  --bg-color: #F8FAFC;
  --surface-color: #FFFFFF;
  --primary-accent: #2563EB;
  --secondary-accent: #3B82F6;
  --text-primary: #0F172A;
  --text-secondary: #64748B;
  --border-color: #E2E8F0;
  --hover-bg: #F1F5F9;
  --success-color: #10B981;

  /* Typography */
  --font-heading: 'Inter', 'Roboto', system-ui, sans-serif;
  --font-body: 'Inter', 'Open Sans', system-ui, sans-serif;
  --font-mono: 'Fira Code', 'JetBrains Mono', 'Roboto Mono', monospace;
}

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

body {
  font-family: var(--font-body);
  color: var(--text-primary);
  background-color: var(--bg-color);
  line-height: 1.6;
}

h1, h2, h3, h4, h5, h6, .ui-element {
  font-family: var(--font-heading);
}

.digit, .mono-text {
  font-family: var(--font-mono);
}