/* Părinți Solidari — token-uri de brand & stiluri de bază (interimar, înainte de Tailwind).
   Sursa: brand book oficial. Culoare principală: albastru #00659D. */
:root {
  /* Culori primare */
  --ps-blue: #00659D;          /* culoarea principală a brandului */
  --ps-blue-dark: #00547f;
  --ps-blue-light: #5EC5EA;
  /* Culori secundare */
  --ps-orange: #EC9D5D;        /* prietenie, pasiune */
  --ps-green: #60B6B2;         /* armonie, viață, echilibru */
  --ps-violet: #7967A2;        /* individualitate, înțelepciune */
  /* Neutre derivate */
  --ps-ink: #0b2a3a;
  --ps-muted: #5b7382;
  --ps-bg: #f5fafd;
  --ps-surface: #ffffff;
  --ps-border: #d9e7f0;

  --ps-font-head: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --ps-font-body: "Chivo", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --ps-radius: 14px;
  --ps-shadow: 0 10px 30px rgba(0, 101, 157, 0.08);
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  font-family: var(--ps-font-body);
  color: var(--ps-ink);
  background:
    radial-gradient(1200px 500px at 100% -10%, rgba(94, 197, 234, 0.18), transparent 60%),
    radial-gradient(900px 500px at -10% 8%, rgba(0, 101, 157, 0.10), transparent 55%),
    var(--ps-bg);
  min-height: 100vh;
  line-height: 1.6;
}

h1, h2, h3, h4 {
  font-family: var(--ps-font-head);
  color: var(--ps-blue);
  line-height: 1.15;
}

a { color: var(--ps-blue); text-decoration: none; }
a:hover { text-decoration: underline; }

/* Header */
.ps-header {
  background: var(--ps-surface);
  border-bottom: 1px solid var(--ps-border);
  position: sticky; top: 0; z-index: 10;
}
.ps-header__inner {
  max-width: 1100px; margin: 0 auto; padding: 14px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
}
.ps-logo img { height: 44px; width: auto; display: block; }
.ps-nav { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.ps-nav a {
  font-family: var(--ps-font-head); font-weight: 600; font-size: 0.95rem; color: var(--ps-ink);
}
.ps-nav a:hover { color: var(--ps-blue); text-decoration: none; }

/* Container */
.ps-container { max-width: 1100px; margin: 0 auto; padding: 40px 20px; }

/* Hero */
.ps-hero { text-align: center; padding: 64px 20px 36px; }
.ps-hero h1 { font-size: clamp(2rem, 4vw, 3rem); font-weight: 800; margin: 0 0 12px; }
.ps-hero p {
  font-size: 1.15rem; color: var(--ps-muted); max-width: 660px; margin: 0 auto 28px;
}
.ps-hero .ps-btn { margin: 0 6px 8px; }

/* Butoane */
.ps-btn {
  display: inline-block; font-family: var(--ps-font-head); font-weight: 700;
  padding: 12px 22px; border-radius: 999px; border: 0; cursor: pointer;
  background: var(--ps-blue); color: #fff;
  transition: transform .08s ease, background .2s ease;
}
.ps-btn:hover { background: var(--ps-blue-dark); text-decoration: none; transform: translateY(-1px); }
.ps-btn--light { background: var(--ps-blue-light); color: var(--ps-ink); }
.ps-btn--light:hover { background: #46b4dd; }
.ps-btn--ghost { background: transparent; color: var(--ps-blue); border: 2px solid var(--ps-blue); }
.ps-btn--ghost:hover { background: rgba(0, 101, 157, 0.06); }

/* Carduri de valoare */
.ps-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 18px; }
.ps-card {
  background: var(--ps-surface); border: 1px solid var(--ps-border);
  border-radius: var(--ps-radius); padding: 22px; box-shadow: var(--ps-shadow);
}
.ps-card__dot { width: 40px; height: 40px; border-radius: 12px; margin-bottom: 12px; }
.ps-card h3 { margin: 0 0 6px; font-size: 1.1rem; }
.ps-card p { margin: 0; color: var(--ps-muted); font-size: 0.95rem; }
.dot-blue { background: var(--ps-blue); }
.dot-green { background: var(--ps-green); }
.dot-orange { background: var(--ps-orange); }
.dot-violet { background: var(--ps-violet); }

/* Footer */
.ps-footer { border-top: 1px solid var(--ps-border); background: var(--ps-surface); margin-top: 60px; }
.ps-footer__inner {
  max-width: 1100px; margin: 0 auto; padding: 26px 20px;
  display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap;
  color: var(--ps-muted); font-size: 0.9rem;
}
.ps-footer img { height: 30px; width: auto; }