:root {
  --bg: #eef1f4;
  --surface: #ffffff;
  --text: #1f2430;
  --muted: #5b646f;
  --accent: #0265f0;
  --accent-2: #2670ff;
  --success: #22c55e;
  --info: #3b82f6;
  --warning: #f59e0b;
  --danger: #ef4444;
  --border-soft: #dfe6ee;
  --radius-lg: 24px;
  --radius-md: 16px;
  --shadow: 0 8px 24px rgba(0,0,0,.08);
}
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, system-ui, Arial, sans-serif; color: var(--text); background: var(--bg); }
a { color: inherit; text-decoration: none; }
.container { max-width: 1200px; margin: 0 auto; padding: 24px; }
.toolbar { display:flex; justify-content:flex-end; margin-bottom: 10px; }
.lang-btn { background:#fff; color: var(--text); box-shadow: var(--shadow); }