/* SuratBox statik site (legal sayfalar) — "Suzani Modern" marka: teal #15807A
   (app_colors.dart ile birebir). Fontlar home.css ile ortak, app'ten self-host. */
@font-face {
  font-family: "Spectral"; src: url("/fonts/Spectral-Regular.ttf") format("truetype");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Spectral"; src: url("/fonts/Spectral-SemiBold.ttf") format("truetype");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Manrope"; src: url("/fonts/Manrope-Variable.ttf") format("truetype");
  font-weight: 300 800; font-style: normal; font-display: swap;
}
:root {
  --brand: #15807A;
  --brand-700: #0F5A55;
  --ink: #15212E;
  --muted: #5A6B7B;
  --bg: #FCF8F1;
  --card: #ffffff;
  --line: #E2D9CB;
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--bg);
  color: var(--ink);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}
h1, h2, h3 { font-family: "Spectral", Georgia, serif; letter-spacing: -0.01em; }
.card {
  max-width: 720px;
  margin: 6vh auto;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 40px clamp(20px, 5vw, 48px);
}
.brand { font-size: 34px; font-weight: 800; letter-spacing: -0.5px; }
.brand-mark { color: var(--ink); }
.brand-accent { color: var(--brand); }
.lead { font-size: 18px; color: var(--muted); }
h1 { font-size: 26px; margin: 18px 0 4px; }
h2 { font-size: 19px; margin: 26px 0 6px; }
p, li { font-size: 16px; }
a { color: var(--brand-700); }
.stores { display: flex; gap: 12px; flex-wrap: wrap; margin: 22px 0; }
.store {
  display: inline-block; padding: 12px 20px; border-radius: 12px;
  background: var(--brand); color: #fff; text-decoration: none; font-weight: 600;
}
.links { margin: 18px 0; }
.foot { margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted); font-size: 14px; }
.lang { display: flex; gap: 8px; margin-bottom: 8px; }
.lang button {
  border: 1px solid var(--line); background: #fff; color: var(--muted);
  border-radius: 999px; padding: 6px 14px; cursor: pointer; font-size: 14px;
}
.lang button[aria-pressed="true"] { background: var(--brand); color: #fff; border-color: var(--brand); }
.notice {
  background: #f1ecff; border: 1px solid var(--line); border-radius: 12px;
  padding: 14px 16px; margin: 16px 0;
}
.spinner {
  width: 38px; height: 38px; margin: 24px auto; border-radius: 50%;
  border: 4px solid var(--line); border-top-color: var(--brand);
  animation: spin 0.9s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
@media (prefers-color-scheme: dark) {
  :root { --brand:#2FB3A4; --brand-700:#37C4B4; --ink:#F4EFE6; --muted:#9FB0C3; --bg:#0E1A2B; --card:#16263B; --line:#2A3B52; }
  .store { color:#06322F; }
  .lang button { background:#16263B; }
}