/*
 * cobnet Design Tokens — ein einheitliches Design
 * Professionelles Stahlblau / Slate (kein Teal, kein Theme-Switch)
 */
:root {
  --cb-accent: #1b4f8c;
  --cb-accent-hover: #163f70;
  --cb-accent-pressed: #122f54;
  --cb-accent-soft: #eaf1f8;
  --cb-accent-ink: #14365f;

  --cb-bg: #eef1f5;
  --cb-surface: #ffffff;
  --cb-surface-2: #f7f8fa;
  --cb-surface-3: #eef1f5;

  --cb-header: #ffffff;
  --cb-sidebar: #15202b;
  --cb-sidebar-muted: #8b9bb0;
  --cb-sidebar-hover: rgba(255, 255, 255, 0.07);
  --cb-sidebar-active: rgba(27, 79, 140, 0.45);

  --cb-text: #15202b;
  --cb-text-secondary: #4a5568;
  --cb-text-muted: #718096;
  --cb-text-on-accent: #ffffff;
  --cb-text-on-header: #15202b;
  --cb-text-on-sidebar: #e8edf4;

  --cb-border: #dde2ea;
  --cb-border-strong: #c5ccd8;
  --cb-focus: #1b4f8c;
  --cb-focus-ring: rgba(27, 79, 140, 0.22);

  --cb-ok: #2f855a;
  --cb-warn: #c05621;
  --cb-err: #c53030;
  --cb-info: #2b6cb0;

  --cb-shadow: 0 1px 2px rgba(21, 32, 43, 0.05);
  --cb-shadow-md: 0 8px 24px rgba(21, 32, 43, 0.08);

  --cb-radius-sm: 6px;
  --cb-radius: 10px;
  --cb-radius-lg: 14px;

  --cb-header-h: 56px;
  --cb-subheader-h: 56px;
  --cb-sidebar-w: 240px;
  --cb-footer-h: 36px;

  /* Formular-Controls: eine Optik für Input, Select, Select2, Tag-Box */
  --cb-control-h: 40px;
  --cb-control-radius: var(--cb-radius-sm);
  --cb-control-pad-x: 12px;
  --cb-control-fs: var(--cb-fs);
  --cb-control-bg: var(--cb-surface);
  --cb-control-chip-h: 26px;

  --cb-font: "IBM Plex Sans", "Segoe UI", sans-serif;
  --cb-font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --cb-fs-xs: 11px;
  --cb-fs-sm: 13px;
  --cb-fs: 14px;
  --cb-fs-md: 15px;
  --cb-fs-lg: 18px;
  --cb-fs-xl: 26px;
  --cb-lh: 1.45;

  --cb-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --cb-fast: 120ms;
  --cb-med: 200ms;
}