/* styles/base.css */

/* بدنه کلی صفحه */
html,
body {
  margin: 0;
  padding: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "SF Pro Text",
    sans-serif;
  background: #020617;
  color: #e5e7eb;
}

/* ریشه‌ی جزیره‌ها */
#app-root {
  padding: 12px 8px 40px;
}

/* هر جزیره یک باکس جدا */
.island-container {
  max-width: 1200px;
  margin: 8px auto;
  padding: 12px 16px;
  border-radius: 12px;
  border: 1px solid #1f2937;
  background: radial-gradient(circle at top, #020617 0, #020617 60%);
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.65);
}

/* عنوان جزیره */
.island-container > h2 {
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 600;
}

/* حالت روز (تم day) کمی روشن‌تر */
html[data-theme="day"] body {
  background: #f4f4f5;
  color: #0f172a;
}

html[data-theme="day"] .island-container {
  background: #ffffff;
  border-color: #e5e7eb;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12);
}