/* HYBRID-LINKKONZEPT Admin-UI — Design-Tokens
   Verbindliche Werte aus DESIGN-DECISIONS.md §19. Nicht abweichen, nicht ergänzen.
   Einbau: erstes Stylesheet, vor hlk-base.css. */

:root {
  /* Flächen */
  --hlk-canvas: #f4f6f8;
  --hlk-surface: #ffffff;
  --hlk-surface-soft: #f8fafb;
  --hlk-surface-sunken: #eef1f4;
  --hlk-surface-faint: #fdfdfe;

  /* Kanten */
  --hlk-border: #e3e7ec;
  --hlk-border-strong: #ccd3db;
  --hlk-border-soft: #eef1f4;
  --hlk-border-faint: #f5f7f9;

  /* Text */
  --hlk-text: #131a20;
  --hlk-text-2: #3d4a55;
  --hlk-text-3: #6b7783;
  --hlk-text-4: #97a1ab;

  /* Akzent */
  --hlk-primary: #0f5d75;
  --hlk-primary-hover: #0c4c60;
  --hlk-primary-soft: #e8f2f5;
  --hlk-primary-line: #b8d7e0;

  /* Semantik: Kern / Fläche / Rahmen / Text */
  --hlk-success: #12694a;
  --hlk-success-soft: #e7f4ee;
  --hlk-success-line: #c3e2d3;
  --hlk-success-text: #0e5439;
  --hlk-success-bg: #f5fbf8;

  --hlk-warning: #8a5a00;
  --hlk-warning-soft: #fbf3e2;
  --hlk-warning-line: #ecd9ae;
  --hlk-warning-text: #744c00;
  --hlk-warning-bg: #fdfaf3;

  --hlk-danger: #a92d20;
  --hlk-danger-hover: #8f251a;
  --hlk-danger-soft: #fbecea;
  --hlk-danger-line: #efc6c0;
  --hlk-danger-border: #e3b8b3;
  --hlk-danger-text: #8f251a;
  --hlk-danger-bg: #fdf5f4;

  --hlk-info: #1c5aa6;
  --hlk-info-soft: #eaf1fb;
  --hlk-info-line: #c5d8f0;
  --hlk-info-text: #17498a;
  --hlk-info-bg: #f7fafe;

  --hlk-neutral: #6b7783;
  --hlk-neutral-soft: #eef1f4;
  --hlk-neutral-line: #dde3e9;
  --hlk-neutral-text: #55606b;

  --hlk-disabled-text: #97a1ab;
  --hlk-disabled-bg: #f8fafb;

  /* Bulk-Leiste (temporärer Modus) */
  --hlk-bulk-bg: #1b242c;
  --hlk-bulk-surface: #2b3640;
  --hlk-bulk-surface-hover: #384552;
  --hlk-bulk-border: #46525d;
  --hlk-bulk-text: #e8edf2;
  --hlk-bulk-text-soft: #cfd6dd;
  --hlk-bulk-danger-border: #7a3a33;
  --hlk-bulk-danger-text: #f0a79d;
  --hlk-bulk-danger-bg: #3a2320;

  /* Typografie */
  --hlk-font: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;
  --hlk-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, Consolas, monospace;
  --hlk-fs-h1: 24px;
  --hlk-fs-h2: 18px;
  --hlk-fs-lead: 15px;
  --hlk-fs-h3: 14px;
  --hlk-fs-body: 14px;
  --hlk-fs-control: 13.5px;
  --hlk-fs-data: 13px;
  --hlk-fs-data-sm: 12.5px;
  --hlk-fs-caption: 12px;
  --hlk-fs-meta: 11.5px;
  --hlk-fs-overline: 11px;
  --hlk-fs-overline-sm: 10.5px;

  /* Abstände */
  --hlk-space-1: 4px;
  --hlk-space-2: 8px;
  --hlk-space-3: 12px;
  --hlk-space-4: 16px;
  --hlk-space-5: 20px;
  --hlk-space-6: 24px;
  --hlk-space-8: 32px;
  --hlk-space-12: 48px;

  /* Radien */
  --hlk-radius-sm: 2px;
  --hlk-radius: 4px;
  --hlk-radius-lg: 6px;

  /* Elevation */
  --hlk-e1: 0 1px 2px rgba(19, 26, 32, .07);
  --hlk-e2: 0 12px 32px -8px rgba(19, 26, 32, .28);
  --hlk-e-bulk: 0 14px 34px -12px rgba(19, 26, 32, .6);
  --hlk-focus-ring: 0 0 0 3px rgba(15, 93, 117, .28);
  --hlk-overlay: rgba(19, 26, 32, .42);

  /* Maße */
  --hlk-h-btn-sm: 28px;
  --hlk-h-btn: 32px;
  --hlk-h-btn-lg: 36px;
  --hlk-h-btn-xl: 38px;
  --hlk-h-input-sm: 30px;
  --hlk-h-input: 34px;
  --hlk-h-input-lg: 36px;
  --hlk-h-row: 40px;
  --hlk-h-topbar: 48px;
  --hlk-sidebar-w: 240px;
  --hlk-sidebar-rail: 56px;
  --hlk-content-max: 1720px;
  --hlk-content-narrow: 1400px;
  --hlk-form-max: 760px;
  --hlk-read-max: 78ch;

  /* Kompatibilität: bestehende Variablennamen zeigen auf die neuen Werte,
     damit noch nicht migrierte Views nicht brechen (Alias-Schicht, Paket 1). */
  --bg: var(--hlk-canvas);
  --surface: var(--hlk-surface);
  --surface-soft: var(--hlk-surface-soft);
  --border: var(--hlk-border);
  --border-strong: var(--hlk-border-strong);
  --text: var(--hlk-text);
  --text-soft: var(--hlk-text-3);
  --primary: var(--hlk-primary);
  --primary-soft: var(--hlk-primary-soft);
  --success: var(--hlk-success);
  --success-soft: var(--hlk-success-soft);
  --warning: var(--hlk-warning);
  --warning-soft: var(--hlk-warning-soft);
  --danger: var(--hlk-danger);
  --danger-soft: var(--hlk-danger-soft);
  --shadow: var(--hlk-e1);
  --radius: var(--hlk-radius-lg);
  --radius-sm: var(--hlk-radius);
  --radius-lg: var(--hlk-radius-lg);
  --focus-ring: var(--hlk-focus-ring);
  --sidebar-w: var(--hlk-sidebar-w);
  --content-max: var(--hlk-content-max);
  --space-1: var(--hlk-space-1);
  --space-2: var(--hlk-space-2);
  --space-3: var(--hlk-space-3);
  --space-4: var(--hlk-space-4);
  --space-5: 20px;
  --space-6: var(--hlk-space-6);
  --space-8: var(--hlk-space-8);
  --z-nav: 20;
  --z-sidebar: 20;
  --z-overlay: 50;
}