/*
 * Inner Circle – Theme-Variablen
 *
 * TODO(offen): Visuelles Branding / Corporate Design ist noch nicht entschieden.
 * Diese Werte sind neutrale Platzhalter. Für ein neues Branding NUR diese Datei
 * austauschen (oder per BRAND_THEME_CSS in der .env auf eine andere Datei zeigen).
 * app.css verwendet ausschließlich diese Variablen – keine festen Farben/Schriften.
 */
:root {
  /* Farben */
  --ic-color-bg: #f5f5f3;
  --ic-color-surface: #ffffff;
  --ic-color-surface-alt: #fafaf8;
  --ic-color-border: #e1e0dc;
  --ic-color-border-strong: #c9c7c1;
  --ic-color-text: #1f2328;
  --ic-color-text-muted: #616770;
  --ic-color-primary: #1f3a5f;
  --ic-color-primary-hover: #16304f;
  --ic-color-primary-contrast: #ffffff;
  --ic-color-primary-soft: #e6ecf4;
  --ic-color-accent: #8a6d3b;
  --ic-color-success: #2e7d4f;
  --ic-color-success-soft: #e5f3ea;
  --ic-color-warning: #9a6700;
  --ic-color-warning-soft: #fff4d6;
  --ic-color-danger: #b42318;
  --ic-color-danger-soft: #fdecea;
  --ic-color-info-soft: #e8f0fb;
  --ic-color-header-bg: var(--ic-color-primary);
  --ic-color-header-text: #ffffff;

  /* Typografie */
  --ic-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --ic-font-family-heading: var(--ic-font-family);
  --ic-font-size-base: 15px;
  --ic-font-size-sm: 13px;
  --ic-font-size-lg: 18px;
  --ic-font-size-xl: 24px;
  --ic-line-height: 1.5;

  /* Form & Layout */
  --ic-radius: 6px;
  --ic-radius-lg: 10px;
  --ic-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04);
  --ic-space-1: 4px;
  --ic-space-2: 8px;
  --ic-space-3: 12px;
  --ic-space-4: 16px;
  --ic-space-5: 24px;
  --ic-space-6: 32px;
  --ic-content-max: 1440px;
  --ic-sidebar-width: 280px;
  --ic-header-height: 60px;
}