/* Hestia UI v2 — standalone design tokens. No selectors from the legacy UI. */
:root {
  color-scheme: light;
  --hs-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --hs-canvas: #F7F8FA;
  --hs-surface: #FFFFFF;
  --hs-surface-raised: #FFFFFF;
  --hs-surface-soft: #F8FAFB;
  --hs-primary: #0F766E;
  --hs-primary-hover: #0B5E57;
  --hs-primary-subtle: #E6F4F0;
  --hs-primary-ring: #8BCFC6;
  --hs-heading: #172331;
  --hs-body: #334155;
  --hs-muted: #64748B;
  --hs-faint: #94A3B8;
  --hs-border: #E5E7EB;
  --hs-border-strong: #CBD5E1;
  --hs-success: #15803D;
  --hs-success-surface: #EAF7EF;
  --hs-warning: #A16207;
  --hs-warning-surface: #FFF7E5;
  --hs-danger: #B42318;
  --hs-danger-surface: #FEF0ED;
  --hs-neutral: #64748B;
  --hs-neutral-surface: #F1F5F9;
  --hs-space-1: 4px;
  --hs-space-2: 8px;
  --hs-space-3: 12px;
  --hs-space-4: 16px;
  --hs-space-5: 20px;
  --hs-space-6: 24px;
  --hs-space-8: 32px;
  --hs-space-10: 40px;
  --hs-space-12: 48px;
  --hs-radius-sm: 8px;
  --hs-radius: 12px;
  --hs-radius-lg: 16px;
  --hs-radius-full: 999px;
  --hs-shadow: 0 2px 12px rgba(15,23,42,.045);
  --hs-shadow-overlay: 0 24px 64px rgba(15,23,42,.16);
  --hs-size-xs: 11px;
  --hs-size-sm: 12px;
  --hs-size-body: 14px;
  --hs-size-lg: 16px;
  --hs-size-h3: 18px;
  --hs-size-h2: 20px;
  --hs-size-h1: 24px;
  --hs-size-kpi: 32px;
  --hs-line: 1.5;
  --hs-sidebar-width: 232px;
  --hs-sidebar-compact: 76px;
  --hs-header-height: 72px;
  --hs-control-height: 40px;
  --hs-control-tap: 44px;
  --hs-z-drawer: 1000;
  --hs-ease: cubic-bezier(.2,.7,.2,1);
  font-family: var(--hs-font);
  font-size: var(--hs-size-body);
}
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; background: var(--hs-canvas); color: var(--hs-body); font-family: var(--hs-font); font-size: var(--hs-size-body); line-height: var(--hs-line); }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; }
:focus-visible { outline: 3px solid var(--hs-primary-ring); outline-offset: 2px; }
[hidden] { display: none !important; }
.hs-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }