/* famistra brand tokens: drop-in. Colors match the previous Family OS palette. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap");

:root {
  --brand-primary: #4E6EF2;
  --brand-deep: #3A55D6;
  --brand-sky: #6A87FF;
  --brand-mist: #8FA5FF;
  --brand-accent: #FFB547;
  --brand-ink: #1B2140;
  --brand-night: #12162B;
  --brand-cloud: #F6F7FB;
  --brand-gradient: linear-gradient(135deg, var(--brand-sky), var(--brand-deep));
  --brand-font: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

.brand { display: inline-flex; align-items: center; gap: .6rem; text-decoration: none; color: var(--brand-ink); }
.brand img { display: block; border-radius: 10px; }
.brand-name { font-family: var(--brand-font); font-weight: 700; font-size: 1.5rem; letter-spacing: -.02em; line-height: 1; }
.footer .brand, .on-dark .brand { color: #fff; }
.logo-min-size { min-width: 24px; }