/* ImmoApp · Präzise · Corporate Design v0.1 · 2026-10-11 */
:root {
  color-scheme: light;
  --immo-ink: #1d2c32;
  --immo-petrol: #244d5d;
  --immo-petrol-hover: #1a3c49;
  --immo-on-petrol: #ffffff;
  --immo-paper: #f4f5f2;
  --immo-surface: #ffffff;
  --immo-stone: #d9dfdc;
  --immo-input-border: #7c8b90;
  --immo-secondary-text: #5f6d72;
  --immo-copper: #a85b39;
  --immo-selected: #e9f0f2;
  --immo-success: #28634c;
  --immo-success-surface: #ebf3ed;
  --immo-warning: #835c19;
  --immo-warning-surface: #fbf1dc;
  --immo-error: #a23f3f;
  --immo-error-surface: #faecea;
  --immo-neutral: #5f6d72;
  --immo-neutral-surface: #edf0ee;
  --immo-font: 'IBM Plex Sans', system-ui, sans-serif;
  --immo-font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --immo-space-1: 4px;
  --immo-space-2: 8px;
  --immo-space-3: 12px;
  --immo-space-4: 16px;
  --immo-space-6: 24px;
  --immo-space-8: 32px;
  --immo-space-12: 48px;
  --immo-space-16: 64px;
  --immo-radius-control: 4px;
  --immo-radius-surface: 8px;
  --immo-radius-dialog: 12px;
  --immo-radius-status: 3px;
  --immo-control-height: 40px;
  --immo-input-height: 44px;
  --immo-sidebar-width: 192px;
  --immo-header-height: 56px;
  --immo-motion-fast: 140ms;
  --immo-motion-dialog: 180ms;
}
body[data-theme="dark"] {
  color-scheme: dark;
  --immo-ink: #ecf0ee;
  --immo-petrol: #a8cad5;
  --immo-petrol-hover: #c2dae2;
  --immo-on-petrol: #172a32;
  --immo-paper: #171e21;
  --immo-surface: #222c30;
  --immo-stone: #445258;
  --immo-input-border: #84979f;
  --immo-secondary-text: #bcc8cc;
  --immo-copper: #d89a77;
  --immo-selected: #30464f;
  --immo-success: #b3dcc3;
  --immo-success-surface: #263d32;
  --immo-warning: #ebcf96;
  --immo-warning-surface: #483b25;
  --immo-error: #f0b7b0;
  --immo-error-surface: #492d2d;
  --immo-neutral: #bcc8cc;
  --immo-neutral-surface: #344045;
}
@media (prefers-color-scheme: dark) {
  body[data-theme="system"] {
    color-scheme: dark;
    --immo-ink: #ecf0ee;
    --immo-petrol: #a8cad5;
    --immo-petrol-hover: #c2dae2;
    --immo-on-petrol: #172a32;
    --immo-paper: #171e21;
    --immo-surface: #222c30;
    --immo-stone: #445258;
    --immo-input-border: #84979f;
    --immo-secondary-text: #bcc8cc;
    --immo-copper: #d89a77;
    --immo-selected: #30464f;
    --immo-success: #b3dcc3;
    --immo-success-surface: #263d32;
    --immo-warning: #ebcf96;
    --immo-warning-surface: #483b25;
    --immo-error: #f0b7b0;
    --immo-error-surface: #492d2d;
    --immo-neutral: #bcc8cc;
    --immo-neutral-surface: #344045;
  }
}
@media (pointer: coarse) {
  :root { --immo-control-height: 44px; }
}