/*
 * Online-Rezeption Standard Theme
 *
 * Dieses Theme ist produktneutral. Praxen ueberschreiben nur Variablen, nicht
 * die Core-CSS-Dateien.
 */

:root {
  --or-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --or-base-font-size: 16px;
  --or-text: #1d1d1f;
  --or-heading: #111827;
  --or-muted: #6e6e73;
  --or-primary: #0071e3;
  --or-primary-hover: #0066cc;
  --or-primary-text: #ffffff;
  --or-accent: #34c759;
  --or-accent-hover: #2da44e;
  --or-accent-text: #ffffff;
  --or-background: #f5f5f7;
  --or-surface: #ffffff;
  --or-surface-soft: #fbfbfd;
  --or-border: rgba(60, 60, 67, 0.18);
  --or-border-strong: rgba(60, 60, 67, 0.3);
  --or-danger: #be123c;
  --or-danger-soft: #fff1f2;
  --or-danger-text: #5f1828;
  --or-radius: 16px;
  --or-panel-radius: 24px;
  --or-card-radius: 18px;
  --or-radius-control: 14px;
  --or-modal-radius: 28px;
  --or-popup-radius: var(--or-modal-radius);
  --or-quickbar-radius: 24px;
  --or-control-height: 48px;
  --or-control-padding-inline: 14px;
  --or-choice-min-width: 80px;
  --or-focus-ring: 0 0 0 4px rgba(0, 113, 227, 0.18);
  --or-button-radius: 999px;
  --or-button-min-height: 44px;
  --or-button-padding-block: 0.8em;
  --or-button-padding-inline: 1.2em;

  --hh-practice-font: var(--or-font-family);
  --hh-practice-base-font-size: var(--or-base-font-size);
  --hh-practice-text: var(--or-text);
  --hh-practice-heading: var(--or-heading);
  --hh-practice-muted: var(--or-muted);
  --hh-practice-primary: var(--or-primary);
  --hh-practice-primary-hover: var(--or-primary-hover);
  --hh-practice-primary-text: var(--or-primary-text);
  --hh-practice-button-dark: var(--or-primary);
  --hh-practice-button-dark-hover: var(--or-primary-hover);
  --hh-practice-button-dark-text: var(--or-primary-text);
  --hh-practice-button-light: #e9f2ff;
  --hh-practice-button-light-hover: #d7eaff;
  --hh-practice-button-light-text: #0057b8;
  --hh-practice-button-radius: var(--or-button-radius);
  --hh-practice-button-min-height: var(--or-button-min-height);
  --hh-practice-button-padding-block: var(--or-button-padding-block);
  --hh-practice-button-padding-inline: var(--or-button-padding-inline);
  --hh-practice-accent: var(--or-accent);
  --hh-practice-accent-hover: var(--or-accent-hover);
  --hh-practice-accent-text: var(--or-accent-text);
  --hh-practice-background: var(--or-background);
  --hh-practice-surface: var(--or-surface);
  --hh-practice-surface-soft: var(--or-surface-soft);
  --hh-practice-border: var(--or-border);
  --hh-practice-border-strong: var(--or-border-strong);
  --hh-practice-danger: var(--or-danger);
  --hh-practice-danger-soft: var(--or-danger-soft);
  --hh-practice-danger-text: var(--or-danger-text);
  --hh-practice-radius: var(--or-radius);
  --hh-practice-panel-radius: var(--or-panel-radius);
  --hh-practice-card-radius: var(--or-card-radius);
  --hh-practice-radius-control: var(--or-radius-control);
  --hh-practice-modal-radius: var(--or-modal-radius);
  --hh-practice-quickbar-radius: var(--or-quickbar-radius);
  --hh-practice-control-height: var(--or-control-height);
  --hh-practice-control-padding-inline: var(--or-control-padding-inline);
  --hh-practice-choice-min-width: var(--or-choice-min-width);
  --hh-practice-focus-ring: var(--or-focus-ring);

  --hh-crm-primary: var(--or-primary);
  --hh-crm-blue: var(--or-primary);
  --hh-crm-border: var(--or-border);
  --hh-crm-border-strong: var(--or-border-strong);
  --hh-crm-muted: var(--or-muted);
  --hh-crm-surface: rgba(255, 255, 255, 0.92);
  --hh-crm-soft: var(--or-surface-soft);
  --hh-crm-radius: var(--or-panel-radius);
  --hh-crm-card-radius: var(--or-card-radius);
  --hh-crm-control-radius: var(--or-radius-control);
  --hh-crm-button-radius: var(--or-button-radius);
  --hh-crm-text: var(--or-text);
  --hh-crm-heading: var(--or-heading);
}
