@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap');

/* Flat design tokens */
:root {
  --primary: #2563eb; /* flat blue */
  --accent: #fb923c;  /* flat orange */
  --success: #16a34a; /* green */
  --bg-color: #ffffff;
  --text-color: #0f1724;
  --muted: #6b7280;
  --radius: 8px;
  --container: 1200px;
  --surface: #ffffff;
  --border: #e6e9ee;
  --header-bg: #ffffff;
  --header-text: #0f1724;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #071025;
    --text-color: #eef2ff;
    --header-bg: #071022;
    --surface: #071022;
    --border: rgba(255,255,255,0.06);
  }
}

html,body{height:100%;}
body{font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:var(--bg-color); color:var(--text-color); line-height:1.6}

.container{max-width:var(--container);margin:0 auto;padding:0 20px}