html[data-theme="gitea-light"], html[data-theme="gitea-auto"] {
  --color-primary: #8b3349;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #7d2e42;
  --color-primary-dark-2: #6f293a;
  --color-primary-dark-3: #612433;
  --color-primary-dark-4: #531f2c;
  --color-primary-dark-5: #38141d;
  --color-primary-dark-6: #1c0a0f;
  --color-primary-dark-7: #0a0405;
  --color-primary-light-1: #944358;
  --color-primary-light-2: #9e5466;
  --color-primary-light-3: #a76475;
  --color-primary-light-4: #b07483;
  --color-primary-light-5: #c599a4;
  --color-primary-light-6: #dcc2c8;
  --color-primary-light-7: #f6eff0;
  --color-primary-alpha-10: #8b334919;
  --color-primary-alpha-20: #8b334933;
  --color-primary-alpha-30: #8b33494b;
  --color-primary-alpha-40: #8b334966;
  --color-primary-alpha-50: #8b334980;
  --color-primary-alpha-60: #8b334999;
  --color-primary-alpha-70: #8b3349b3;
  --color-primary-alpha-80: #8b3349cc;
  --color-primary-alpha-90: #8b3349e1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
}
html[data-theme="gitea-dark"] {
  --color-primary: #c25570;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #c8667e;
  --color-primary-dark-2: #ce778d;
  --color-primary-dark-3: #d4889b;
  --color-primary-dark-4: #da99a9;
  --color-primary-dark-5: #e7bbc6;
  --color-primary-dark-6: #f3dde2;
  --color-primary-dark-7: #fbf3f5;
  --color-primary-light-1: #b24e67;
  --color-primary-light-2: #a3475e;
  --color-primary-light-3: #934155;
  --color-primary-light-4: #843a4c;
  --color-primary-light-5: #612b38;
  --color-primary-light-6: #3a1a22;
  --color-primary-light-7: #100709;
  --color-primary-alpha-10: #c2557019;
  --color-primary-alpha-20: #c2557033;
  --color-primary-alpha-30: #c255704b;
  --color-primary-alpha-40: #c2557066;
  --color-primary-alpha-50: #c2557080;
  --color-primary-alpha-60: #c2557099;
  --color-primary-alpha-70: #c25570b3;
  --color-primary-alpha-80: #c25570cc;
  --color-primary-alpha-90: #c25570e1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
}
@media (prefers-color-scheme: dark) {
html[data-theme="gitea-auto"] {
  --color-primary: #c25570;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #c8667e;
  --color-primary-dark-2: #ce778d;
  --color-primary-dark-3: #d4889b;
  --color-primary-dark-4: #da99a9;
  --color-primary-dark-5: #e7bbc6;
  --color-primary-dark-6: #f3dde2;
  --color-primary-dark-7: #fbf3f5;
  --color-primary-light-1: #b24e67;
  --color-primary-light-2: #a3475e;
  --color-primary-light-3: #934155;
  --color-primary-light-4: #843a4c;
  --color-primary-light-5: #612b38;
  --color-primary-light-6: #3a1a22;
  --color-primary-light-7: #100709;
  --color-primary-alpha-10: #c2557019;
  --color-primary-alpha-20: #c2557033;
  --color-primary-alpha-30: #c255704b;
  --color-primary-alpha-40: #c2557066;
  --color-primary-alpha-50: #c2557080;
  --color-primary-alpha-60: #c2557099;
  --color-primary-alpha-70: #c25570b3;
  --color-primary-alpha-80: #c25570cc;
  --color-primary-alpha-90: #c25570e1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
}
}
.famsvc-hero { text-align: center; padding: 64px 16px 48px; }
.famsvc-hero img { width: 160px; height: 160px; border-radius: 36px; }
.famsvc-hero h1 { font-size: 2.6em; margin: 24px 0 8px; }
.famsvc-hero p { font-size: 1.2em; color: var(--color-text-light-2); max-width: 640px; margin: 0 auto 24px; white-space: pre-line; }