/* surfaces.css */
:root {
  --bg: #f7f7f9;
  --panel: #f3f4f6;     /* подложка внутри main */
  --card: #ffffff;      /* карточки */
  --border: #e5e7eb;
  --shadow-card: 0 10px 24px rgba(0,0,0,0.06);
  --shadow-soft: 0 2px 10px rgba(0,0,0,0.06);
}

body { background-color: var(--bg); }

/* делаем main “подложкой”, а не карточкой */
main {
  background: var(--panel);
  border: 1px solid #eef2f7;
  box-shadow: none;
  border-radius: 0.75rem;
  padding: 1rem;
}