/* Shared access/workspace vocabulary. Custom properties alone do not style conference rooms. */
:root {
  --vara-page:#f7f9fc; --vara-surface:#fff; --vara-soft:#edf2f6;
  --vara-text:#142536; --vara-muted:#526478; --vara-border:#d6dee7;
  --vara-field-border:#7a8b9c; --vara-primary:#086b64; --vara-on-primary:#fff;
  --vara-focus:#087f8c; --vara-danger:#a6233c; --vara-success:#176747;
  --vara-control-radius:6px; --vara-control-height:40px;
  --vara-space-1:4px; --vara-space-2:8px; --vara-space-3:12px;
  --vara-space-4:16px; --vara-space-5:24px; --vara-space-6:32px;
  --vara-page-gutter:32px; --vara-detail-padding:24px;
  --vara-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
html[data-theme="dark"] {
  --vara-page:#0b1420; --vara-surface:#142131; --vara-soft:#1b2e40;
  --vara-text:#eaf2f8; --vara-muted:#a3b5c7; --vara-border:#33485d;
  --vara-field-border:#7890a7; --vara-primary:#67dfeb; --vara-on-primary:#0b1420;
  --vara-focus:#67dfeb; --vara-danger:#ffb7c0; --vara-success:#a0e7c1;
}
@media(max-width:767px),(pointer:coarse){:root{--vara-control-height:44px}}

@media(max-width:767px){:root{--vara-page-gutter:16px;--vara-detail-padding:16px}}