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

:root {
  /* Typography */
  --font-base: system-ui, -apple-system, sans-serif;
  --font-mono: ui-monospace, monospace;

  /* Base colors */
  --color-bg: #1a1a2e;
  --color-surface: #16213e;
  --color-primary: #0f3460;
  --color-accent: #e94560;
  --color-text: #eee;
  --color-text-muted: #888;
  --color-border: #2a2a4e;

  /* Status colors */
  --color-success: #4ade80;
  --color-warning: #fbbf24;

  /* Overlay/transparency colors */
  --color-overlay-light: rgba(255, 255, 255, 0.08);
  --color-overlay-medium: rgba(255, 255, 255, 0.1);
  --color-overlay-dark: rgba(0, 0, 0, 0.2);
  --color-overlay-heavy: rgba(0, 0, 0, 0.5);

  --radius: 4px;
}

html, body {
  height: 100%;
  margin: 0;
  overflow: hidden;
}

body {
  font-family: var(--font-base);
  background: var(--color-bg);
  color: var(--color-text);
}