/* eForm design system tokens — lifted verbatim from design_handoff_design_system/eform-style.css */
:root {
  --md-primary: #0b57d0;
  --md-on-primary: #ffffff;
  --md-primary-container: #d3e3fd;
  --md-secondary-container: #dfe2eb;
  --md-surface: #f8fafd;
  --md-surface-container: #ffffff;
  --md-surface-variant: #e1e7ef;
  --md-on-surface: #1f1f1f;
  --md-on-surface-variant: #444746;
  --md-outline: #c4c7c5;
  --md-outline-variant: #cdd3df;
  --md-alert: #b3261e;
  --status-aktiv-bg: #1b5e20;
  --status-aktiv-fg: #ffffff;
  --status-afventer-bg: #f9a825;
  --status-afventer-fg: #1f1f1f;
  --status-inaktiv-bg: #c62828;
  --status-inaktiv-fg: #ffffff;
  --md-radius: 10px;
  --md-shadow: 0 1px 2px rgba(60, 64, 67, 0.15), 0 2px 6px rgba(60, 64, 67, 0.1);
  --md-shadow-lg: 0 8px 24px rgba(11, 87, 208, 0.18), 0 2px 6px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] {
  --md-primary: #a8c7fa;
  --md-on-primary: #062e6f;
  --md-primary-container: #0842a0;
  --md-secondary-container: #3f4756;
  --md-surface: #131314;
  --md-surface-container: #1e1f20;
  --md-surface-variant: #444746;
  --md-on-surface: #e3e3e3;
  --md-on-surface-variant: #c4c7c5;
  --md-outline: #8e918f;
  --md-outline-variant: #3a3b3d;
  --md-alert: #f2b8b5;
  --status-aktiv-bg: #2e7d32;
  --md-shadow: 0 2px 12px rgba(0, 0, 0, 0.35);
  --md-shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.35);
}