/* Amalthea — Neutrales / warmes Theme.
   Professionell, warm, ruhig. Soziale, vertrauenswürdige Anmutung
   (an Wohlfahrts-/Caritas-Ästhetik angelehnt, ohne ein Corporate Design
   zu kopieren): helle Off-White-Flächen, roter Akzent, gute Lesbarkeit. */

html[data-theme="caritas"] {
  --bg:        #f4efe8;
  --surface:   #ffffff;
  --surface-2: #faf6f0;
  --field:     #f6f1ea;
  --border:    #e3dacd;
  --text:      #2a2622;
  --text-dim:  #7a7166;

  --accent:     #c0392b;  /* warmes Rot */
  --accent-2:   #d98324;  /* warmes Orange/Ocker */
  --accent-ink: #ffffff;  /* Text auf Akzentflächen */
  --good:       #3a8a5a;
  --bad:        #b23a3a;

  --radius: 12px;
  --radius-lg: 18px;
  --font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;
  color-scheme: light;
}

html[data-theme="caritas"] body { background: var(--bg); }
html[data-theme="caritas"] .login-card,
html[data-theme="caritas"] .settings-card,
html[data-theme="caritas"] .task-card,
html[data-theme="caritas"] .member-card {
  box-shadow: 0 6px 20px rgba(120, 90, 60, .08);
}
html[data-theme="caritas"] .topbar { border-bottom: 1px solid var(--border); box-shadow: 0 2px 12px rgba(120,90,60,.06); }
html[data-theme="caritas"] .brand-mark { border-radius: 14px; }
html[data-theme="caritas"] .task-card { border-left-width: 5px; }
html[data-theme="caritas"] .nav-btn { box-shadow: 0 1px 4px rgba(120,90,60,.05); }
html[data-theme="caritas"] .sunday-banner { background: var(--accent-2); }

/* Ruhiger, freundlicher Login-Header. */
html[data-theme="caritas"] .login-card { border-top: 4px solid var(--accent); }