/* SAR Law portable tokens v0.1.0. Scoped to .sar-ui; never auto-enqueued. */
.sar-ui {
  --sar-color-bg-primary: #0B1820;
  --sar-color-bg-institutional: #152A33;
  --sar-color-surface: #FFF9F1;
  --sar-color-surface-muted: #F5F0E8;
  --sar-color-accent: #D7A667;
  --sar-color-accent-secondary: #A16F3A;
  --sar-color-text: #0B1820;
  --sar-color-muted: #4F5F66;
  --sar-color-on-dark: #FFF9F1;
  --sar-color-border: #4F5F66;
  --sar-color-border-subtle: #DCE4E7;
  --sar-font-heading: "Playfair Display", Georgia, serif;
  --sar-font-body: system-ui, -apple-system, "Segoe UI", sans-serif;
  --sar-text-small: 0.875rem;
  --sar-text-body: 1rem;
  --sar-text-lead: 1.125rem;
  --sar-text-heading: clamp(1.5rem, 1.1rem + 2vw, 2.5rem);
  --sar-line-body: 1.6;
  --sar-line-heading: 1.2;
  --sar-space-1: 0.25rem;
  --sar-space-2: 0.5rem;
  --sar-space-3: 0.75rem;
  --sar-space-4: 1rem;
  --sar-space-5: 1.5rem;
  --sar-space-6: 2rem;
  --sar-space-7: 3rem;
  --sar-space-8: 4rem;
  --sar-radius-small: 0.25rem;
  --sar-radius-card: 0.5rem;
  --sar-radius-pill: 999px;
  --sar-shadow-card: 0 0.125rem 0.5rem rgb(11 24 32 / 12%);
  --sar-shadow-overlay: 0 0.5rem 2rem rgb(11 24 32 / 20%);
  --sar-width-content: 72rem;
  --sar-width-reading: 65ch;
  --sar-width-panel: 24rem;
  --sar-breakpoint-small: 30rem;
  --sar-breakpoint-medium: 48rem;
  --sar-breakpoint-wide: 64rem;
  --sar-control-target: 44px;
  --sar-control-padding: 0.75rem 1rem;
  --sar-focus-color: #0B1820;
  --sar-focus-width: 3px;
  --sar-focus-offset: 3px;
  --sar-nav-gap: 0.5rem;
  --sar-card-padding: 1.5rem;
  --sar-status-padding: 0.25rem 0.75rem;
  --sar-field-border: 1px solid #4F5F66;
  --sar-alert-border: 0.25rem solid #A16F3A;
  --sar-transition-duration: 120ms;
}