/* test-adhs.de – Farben und Schriften der Website für Grist (App + Anmeldeformular).
   Schriften liegen auf dem eigenen Server (keine Verbindung zu Google). */

@font-face { font-family: "Inter"; font-weight: 400; font-display: swap;
  src: url("praxis-fonts/inter-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 500; font-display: swap;
  src: url("praxis-fonts/inter-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Inter"; font-weight: 600; font-display: swap;
  src: url("praxis-fonts/inter-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-weight: 500; font-display: swap;
  src: url("praxis-fonts/cormorant-garamond-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Cormorant Garamond"; font-weight: 600; font-display: swap;
  src: url("praxis-fonts/cormorant-garamond-latin-600-normal.woff2") format("woff2"); }

:root {
  --praxis-paper: #f7f4ee;
  --praxis-card: #fbf9f4;
  --praxis-paper-deep: #efe9dd;
  --praxis-ink: #26231a;
  --praxis-ink-soft: #57534a;
  --praxis-line: #e4ddce;
  --praxis-line-strong: #c9c0af;
  --praxis-accent: #cf1f1a;
  --praxis-accent-deep: #191712;
  --praxis-sage: #7c8b5b;

  --grist-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --grist-primary-fg: var(--praxis-accent);
  --grist-primary-fg-hover: var(--praxis-accent-deep);
  --grist-primary-bg: #ffffff;
  --grist-color-light-green: var(--praxis-accent);
  --grist-color-dark-green: var(--praxis-accent-deep);
  --grist-color-darker-green: var(--praxis-accent-deep);
  --grist-color-lighter-green: #f6e3e2;
  --grist-color-cursor: var(--praxis-accent);
  --grist-theme-controls-primary-bg: var(--praxis-accent);
  --grist-theme-controls-primary-hover-bg: var(--praxis-accent-deep);
  --grist-theme-controls-fg: var(--praxis-accent);
  --grist-theme-controls-hover-fg: var(--praxis-accent-deep);
  --grist-theme-controls-border: var(--praxis-accent);
  --grist-theme-cursor: var(--praxis-accent);
  --grist-theme-link: var(--praxis-accent);
  --grist-theme-link-hover: var(--praxis-accent-deep);
  --grist-theme-left-panel-active-page-bg: var(--praxis-ink);
}

/* ---------- Anmeldeformular ---------- */
body:has(form) , .test-form-container, [class*="formContainer"] {
  background: var(--praxis-paper) !important;
  color: var(--praxis-ink);
}
form { font-family: "Inter", -apple-system, sans-serif; color: var(--praxis-ink); }
h1, h2, h3, form h1, form h2, form h3 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  color: var(--praxis-ink) !important;
  letter-spacing: 0.01em;
}
h2 { font-size: 34px !important; line-height: 1.1 !important; }
h3 { font-size: 24px !important; border-bottom: 1px solid var(--praxis-line); padding-bottom: 6px; }
form a { color: var(--praxis-accent) !important; text-underline-offset: 3px; }
form input[type="text"], form input[type="email"], form input[type="date"], form input[type="number"],
form textarea, form select {
  border-radius: 2px !important;
  border-color: var(--praxis-line-strong) !important;
  background: #fff !important;
}
form input:focus, form textarea:focus, form select:focus {
  outline: 2px solid var(--praxis-accent) !important;
  outline-offset: 1px;
}
form button[type="submit"], form input[type="submit"] {
  background: var(--praxis-accent) !important;
  border-color: var(--praxis-accent) !important;
  color: #fff !important;
  border-radius: 2px !important;
  font-weight: 600 !important;
}
form button[type="submit"]:hover { background: var(--praxis-accent-deep) !important; border-color: var(--praxis-accent-deep) !important; }
form input[type="checkbox"], form input[type="radio"] { accent-color: var(--praxis-accent); }
/* Rahmen der Formularkarte und Abschnittskarten */
form > div, form fieldset { border-color: var(--praxis-line) !important; }