/* Dwellio theme layer on the Practice system: navy/charcoal corporate direction, light and dark. */
:root{
  --surface-brand:var(--brand-primary);
  --surface-brand-hover:var(--brand-primary-strong);
  --surface-inverse:var(--brand-primary-strong);
  --surface-inverse-alt:var(--brand-primary);
  --surface-inverse-hover:var(--brand-primary);
  --text-heading:var(--brand-primary-strong);
  --text-link:var(--brand-primary);
  --text-link-hover:var(--brand-primary-strong);
  --border-brand:var(--brand-primary);
  --keyline-brand:var(--border-width-accent) solid var(--brand-primary);
  --surface-selected:var(--brand-primary-soft);
  --info-fg:var(--brand-primary);
  --chart-1:var(--brand-primary);
  --chart-4:var(--brand-primary-strong);
  --surface-nav:var(--overlay-glass);
  --hero-scrim:linear-gradient(90deg, rgba(23,35,59,.92) 0%, rgba(23,35,59,.78) 45%, rgba(23,35,59,.35) 100%);
  --skeleton-a:var(--teal-50);
  --skeleton-b:var(--teal-100);
  color-scheme:light;
}
:root[data-theme="dark"]{
  --surface-page:var(--brand-charcoal);
  --surface-page-alt:var(--brand-charcoal-2);
  --surface-card:var(--brand-charcoal-2);
  --surface-sunken:var(--brand-charcoal-3);
  --surface-soft:var(--brand-charcoal-3);
  --surface-hover:var(--brand-charcoal-3);
  --surface-selected:var(--brand-charcoal-3);
  --surface-disabled:var(--brand-charcoal-3);
  --surface-brand:var(--teal-200);
  --surface-brand-hover:var(--teal-100);
  --text-on-brand:var(--brand-charcoal);
  --surface-inverse:var(--brand-charcoal-2);
  --surface-inverse-alt:var(--brand-charcoal-3);
  --surface-inverse-hover:var(--brand-charcoal-3);
  --text-heading:var(--df-frost);
  --text-body:var(--teal-100);
  --text-muted:var(--teal-300);
  --text-subtle:var(--teal-300);
  --text-disabled:var(--teal-400);
  --text-link:var(--glow-300);
  --text-link-hover:var(--glow-100);
  --text-success:var(--glow-300);
  --text-warning:var(--amber-200);
  --text-danger:var(--rust-200);
  --border-subtle:var(--brand-charcoal-3);
  --border-default:var(--teal-700);
  --border-strong:var(--teal-400);
  --border-brand:var(--teal-200);
  --keyline-brand:var(--border-width-accent) solid var(--glow-400);
  --info-bg:var(--brand-charcoal-3);
  --info-border:var(--teal-700);
  --info-fg:var(--teal-100);
  --success-bg:rgba(59,237,139,.12);
  --success-border:var(--glow-800);
  --success-fg:var(--glow-200);
  --warning-bg:rgba(217,150,43,.14);
  --warning-border:var(--amber-700);
  --warning-fg:var(--amber-200);
  --danger-bg:rgba(194,75,63,.16);
  --danger-border:var(--rust-700);
  --danger-fg:var(--rust-200);
  --overlay-glass:rgba(27,31,38,.82);
  --surface-nav:rgba(27,31,38,.86);
  --chart-1:var(--teal-200);
  --chart-4:var(--glow-300);
  --chart-grid:var(--brand-charcoal-3);
  --skeleton-a:var(--brand-charcoal-3);
  --skeleton-b:var(--teal-800);
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 2px 4px rgba(0,0,0,.4),0 6px 16px rgba(0,0,0,.35);
  --shadow-lg:0 4px 8px rgba(0,0,0,.4),0 16px 40px rgba(0,0,0,.45);
  color-scheme:dark;
}