/* Amendo - pagini publice.
   Paleta este preluata din lib/theme.dart (rolurile light/dark), ca site-ul
   si aplicatia sa arate ca acelasi produs. Fara CDN, fara fonturi remote:
   stiva de sistem, cu aceleasi proportii ca in aplicatie. */

:root {
  --bg: #EEF1F0;
  --card: #FFFFFF;
  --ink: #15211F;
  --secondary: #525C59;
  --muted: #64706C;
  --brand: #103B3B;
  --on-brand: #FFFFFF;
  --line: #E3E8E6;
  --paper: #FBFAF6;
  --paper-line: #E8E2D4;
  --gold: #7D5F30;
  --radius: 14px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0F1513;
    --card: #17201D;
    --ink: #E8ECEA;
    --secondary: #B6C0BB;
    --muted: #96A09B;
    --brand: #9BC4B8;
    --on-brand: #0B2B2B;
    --line: #243029;
    --paper: #1A1714;
    --paper-line: #2E2A24;
    --gold: #C3A87B;
  }
}

* { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: "Hanken Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

.wrap {
  max-width: 46rem;
  margin: 0 auto;
  padding: 2rem 1.25rem 5rem;
}

/* ---- antet ---- */

header.site {
  border-bottom: 1px solid var(--line);
  background: var(--card);
}

header.site .wrap {
  padding: 1.1rem 1.25rem;
  display: flex;
  align-items: center;
  gap: .75rem;
  flex-wrap: wrap;
}

.mark {
  display: inline-flex;
  align-items: center;
  gap: .55rem;
  font-weight: 650;
  font-size: 1.05rem;
  letter-spacing: -0.01em;
  color: var(--ink);
  text-decoration: none;
}

.mark .glyph {
  width: 26px;
  height: 26px;
  border-radius: 6px;
  display: block;
  flex: none;
}

nav.site { margin-left: auto; display: flex; gap: 1.1rem; flex-wrap: wrap; }

nav.site a {
  color: var(--secondary);
  text-decoration: none;
  font-size: .94rem;
  font-weight: 500;
}

nav.site a:hover { color: var(--ink); text-decoration: underline; }

/* ---- text ---- */

h1 {
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-weight: 680;
  margin: 0 0 .4rem;
}

h2 {
  font-size: 1.22rem;
  line-height: 1.3;
  font-weight: 640;
  margin: 2.4rem 0 .6rem;
  letter-spacing: -0.01em;
}

h3 { font-size: 1.02rem; font-weight: 620; margin: 1.6rem 0 .4rem; }

p, li { color: var(--secondary); }

p { margin: 0 0 1rem; }

ul { padding-left: 1.15rem; margin: 0 0 1rem; }

li { margin-bottom: .45rem; }

strong { color: var(--ink); font-weight: 620; }

a { color: var(--brand); }

.lede {
  font-size: 1.1rem;
  color: var(--secondary);
  margin-bottom: 1.6rem;
}

.updated {
  color: var(--muted);
  font-size: .9rem;
  margin: 0 0 2rem;
}

/* ---- componente ---- */

.card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.15rem 1.25rem;
  margin: 1.5rem 0;
}

.card p:last-child, .card ul:last-child { margin-bottom: 0; }

.note {
  background: var(--paper);
  border: 1px solid var(--paper-line);
  border-radius: var(--radius);
  padding: 1.15rem 1.25rem;
  margin: 1.5rem 0;
}

.note p:last-child { margin-bottom: 0; }

.pill {
  display: inline-block;
  background: var(--brand);
  color: var(--on-brand);
  border-radius: 999px;
  padding: .16rem .7rem;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .01em;
}

footer.site {
  border-top: 1px solid var(--line);
  margin-top: 3rem;
}

footer.site .wrap {
  padding: 1.6rem 1.25rem 2.4rem;
  color: var(--muted);
  font-size: .9rem;
}

footer.site a { color: var(--muted); }

@media (max-width: 34rem) {
  body { font-size: 16px; }
  h1 { font-size: 1.6rem; }
  .wrap { padding: 1.5rem 1.1rem 3.5rem; }
}

/* marcaj de acces: linkuri care raspund doar din Romania (surse.html) */
.geo {
  color: var(--muted);
  font-size: .85rem;
  white-space: nowrap;
}