:root {
  font-family: Inter, 'Segoe UI', Arial, sans-serif;
  color: #212037;
  background: #f6f6fb;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  --ink: #212037;
  --muted: #6f6d82;
  --soft: #f6f6fb;
  --line: #e7e6ef;
  --primary: #6257d9;
  --primary-dark: #4c43b8;
  --green: #0b8f74;
  --orange: #db6b35;
  --blue: #3973c7;
  --danger: #c4414b;
}

* { box-sizing: border-box; }
html { min-width: 320px; background: var(--soft); }
body { margin: 0; min-width: 320px; min-height: 100vh; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid #948bf0; outline-offset: 2px; }
button, select { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .5; }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
