/* Shared Climature tokens. Legacy names keep every existing module compatible. */
:root {
  --color-primary: #0b4d45;
  --color-primary-dark: #063832;
  --color-accent: #20b486;
  --color-accent-light: #e5f8f1;
  --color-blue: #3389e8;
  --color-blue-light: #ebf4ff;
  --color-background: #f5f7f9;
  --color-surface: #fff;
  --color-text-primary: #101828;
  --color-text-secondary: #667085;
  --color-border: #eaecf0;
  --color-danger: #e5484d;
  --color-warning: #f5a524;
  --color-success: #17b26a;
  --brand: var(--color-primary);
  --brand-dark: var(--color-primary-dark);
  --accent: var(--color-accent);
  --accent-dark: #087858;
  --bg: var(--color-background);
  --surface: var(--color-surface);
  --surface-soft: #f8fafb;
  --text: var(--color-text-primary);
  --muted: #5d687b;
  --border: var(--color-border);
  --danger: #b4232c;
  --warn: #935b08;
  --ok: #067647;
  --radius: 12px;
  --shadow: 0 2px 4px #10182803, 0 5px 16px #10182804;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --sidebar-width: 224px;
  --topbar-height: 72px;
}
body { font-size: 14px; line-height: 1.5; }
.ui-icon { width: 20px; height: 20px; flex: none; vertical-align: middle; }
:focus-visible { outline: 3px solid #3389e8; outline-offset: 3px; }
button, a, input, select, textarea, summary { -webkit-tap-highlight-color: transparent; }
button, a, summary { transition: background-color 160ms, border-color 160ms, color 160ms, box-shadow 160ms; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }