/* =========================================================
   DERHALLER Suite – Design Tokens (zentral, ohne Modul-CSS)
   ========================================================= */
:root{
  /* Farben */
  --dhsp-primary:#0ea5e9;
  --dhsp-accent:#22c55e;
  --dhsp-bg:#ffffff;
  --dhsp-fg:#111111;
  --dhsp-heading-fg:var(--dhsp-fg);
  --dhsp-muted:#6b7280;
  --dhsp-border:#e5e7eb;

  /* Card / Surface */
  --card-bg:var(--dhsp-bg);
  --card-fg:var(--dhsp-fg);
  --card-border:var(--dhsp-border);
  --card-border-w:1px;
  --card-radius:14px;
  --card-shadow:0 6px 22px rgba(0,0,0,.06);

  /* Typo */
  --dhsp-font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial;
  --dhsp-font-size:16px;
  --dhsp-line-height:1.6;
  --dhsp-h1:38px; --dhsp-h2:32px; --dhsp-h3:26px;
  --dhsp-h4:22px; --dhsp-h5:18px; --dhsp-h6:16px;

  /* Spacing / Layout */
  --dhsp-space:4px;
  --dhsp-container-max:1280px;
  --dhsp-measure:72ch;

  /* Buttons */
  --dhsp-btn-bg:#0ea5e9; --dhsp-btn-fg:#fff;
  --dhsp-btn-px:14px; --dhsp-btn-py:10px; --dhsp-btn-radius:10px;
  --dhsp-btn2-bg:var(--dhsp-accent); --dhsp-btn2-fg:#fff;
  --dhsp-btn-outline-fg:var(--dhsp-primary);
  --dhsp-btn-outline-bor:var(--dhsp-primary);
  --dhsp-btn-outline-w:1px;
  --dhsp-btn-ghost-fg:var(--dhsp-primary);

  /* Links & Focus */
  --dhsp-link:var(--dhsp-primary);
  --dhsp-link-hover:color-mix(in srgb, var(--dhsp-primary) 80%, black);
  --dhsp-link-underline:currentColor;
  --dhsp-link-underline-w:1px;
  --dhsp-focus:color-mix(in srgb, var(--dhsp-primary) 55%, transparent);
  --dhsp-focus-w:2px;

  /* Inputs / Tables / States */
  --dhsp-input-h:44px;
  --dhsp-input-bg:color-mix(in srgb, var(--dhsp-bg) 94%, transparent);
  --dhsp-input-bor:var(--dhsp-border);
  --dhsp-input-ph:var(--dhsp-muted);
  --dhsp-input-focus:var(--dhsp-primary);
  --dhsp-table-head:color-mix(in srgb, var(--dhsp-bg) 92%, transparent);
  --dhsp-table-stripe:color-mix(in srgb, var(--dhsp-bg) 96%, transparent);
  --dhsp-table-hover:color-mix(in srgb, var(--dhsp-bg) 92%, transparent);
  --dhsp-success:#16a34a; --dhsp-info:#0ea5e9; --dhsp-warn:#f59e0b; --dhsp-error:#ef4444;

  /* Motion */
  --dhsp-transition:160ms cubic-bezier(0.22,0.61,0.36,1);

  /* Adminbar */
  --dhsp-perf-peek-w:112px;
  --dhsp-perf-peek-h:28px;
  --dhsp-perf-blur:8px;
  --dhsp-perf-alpha:.85;
  --dhsp-perf-z:2147483647;
  --dhsp-perf-fade-thresh:24;
  --dhsp-perf-idle-ms:300;
}