:root{
  --brand:#f2b5a7;         /* персиковий */
  --border:#f3d1d8;
  --bg:#fff7f4;
  --card:#fff;
  --text:#222;
  --muted:#6b7280;
}

*{ box-sizing:border-box; }

html, body, #root{ height:100%; }
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font:16px/1.45 system-ui, -apple-system, Segoe UI, Roboto, "Noto Sans", Arial, sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

a{ color:inherit; text-decoration:none; }

button{
  font:inherit;
  padding:10px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
  cursor:pointer;
}

input, select{
  font:inherit;
  padding:10px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  outline:none;
}

.card{
  background:var(--card);
  border:1px solid var(--border);
  border-radius:14px;
}

/* === PWA: кнопка встановлення === */
button.install-btn {
  position: fixed;
  right: 16px;
  bottom: 16px;
  padding: 10px 14px;
  border: none;
  border-radius: 10px;
  background: #f2b5a7;
  color: #222;
  font-weight: 600;
  box-shadow: 0 4px 12px rgba(0,0,0,.12);
  z-index: 1000;
  cursor: pointer;
}

button.install-btn:focus-visible {
  outline: 2px solid #222;
  outline-offset: 3px;
}

@media (max-width: 480px) {
  button.install-btn {
    right: 12px;
    bottom: 12px;
    padding: 9px 12px;
  }
}