/*
 * Zentrale Designwerte der Holtikon Betriebs-App.
 * Farben, Schrift, Abstände, Rundungen und Schatten für die gesamte App
 * werden hier geändert. Bereichsspezifische Maße bleiben in den jeweiligen
 * Dateien unter styles/features/.
 */
:root {
  --brand-primary: #f47b20;
  --brand-primary-light: #ff9a4f;
  --brand-surface: #fff4eb;
  --brand-surface-strong: #fff0e4;

  --color-text: #1c2127;
  --color-text-muted: #6f7782;
  --color-border: #e7e9ed;
  --color-page: #f5f6f8;
  --color-surface: #ffffff;
  --color-danger: #c83b3b;
  --color-success: #2f8f62;
  --color-warning: #b77a18;

  --font-app: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-size-base: 16px;

  --radius-card: 16px;
  --radius-control: 10px;
  --radius-navigation: 9px;
  --radius-search: 12px;
  --radius-modal: 18px;
  --radius-pill: 999px;
  --focus-ring: rgba(244, 123, 32, 0.10);
  --search-min-height: 44px;
  --search-border: #cfd5dc;
  --search-surface: #fffaf6;

  --shadow-card: 0 8px 28px rgba(29, 33, 39, 0.08);
  --shadow-modal: 0 24px 80px rgba(0, 0, 0, 0.25);

  --page-padding-top: 18px;
  --page-padding-x: 22px;
  --page-padding-bottom: 32px;
  --topbar-min-height: 64px;
  --topbar-padding-y: 8px;
  --topbar-padding-x: 18px;
  --card-padding: 18px;
  --table-padding-y: 12px;
  --table-padding-x: 14px;

  /* Rückwärtskompatible Namen für die bestehenden Funktionsmodule. */
  --orange: var(--brand-primary);
  --orange-2: var(--brand-primary-light);
  --ink: var(--color-text);
  --muted: var(--color-text-muted);
  --line: var(--color-border);
  --bg: var(--color-page);
  --card: var(--color-surface);
  --danger: var(--color-danger);
  --ok: var(--color-success);
  --warn: var(--color-warning);
  --radius: var(--radius-card);
  --shadow: var(--shadow-card);
  --sidebar: 242px;
}