/* Portal-owned foundation. Compatibility aliases are kept for historical surfaces. */
:root{
  --brand-primary:#227B7F;--brand-primary-deep:#034F53;--brand-mist:#61A9AD;
  --brand-technical:#304B8D;--brand-accent:#D29F37;--brand-warm:#D27F37;
  --brand-fog:#F5F8F8;--brand-line:#DFE8E8;--brand-graphite:#2E393B;--brand-ink:#101718;
  --surface-canvas:var(--brand-fog);--surface-primary:#FAFCFC;--surface-elevated:var(--surface-primary);
  --surface-secondary:#F6F9F9;--surface-hover:#F1F6F6;--surface-selected:#EAF4F4;
  --text-primary:var(--brand-ink);--text-secondary:#5F7072;--text-muted:#758587;
  --border-subtle:#DCE6E6;--border-strong:#AFCFD0;--border-faint:#E7EEEE;
  --state-success:#176B57;--state-warning:#8b6519;--state-danger:#9f3737;
  --focus-ring:var(--brand-primary);--shadow-ui:0 6px 18px rgba(16,23,24,.035);--shadow-pop:0 16px 45px rgba(16,23,24,.12);
  --font:'Inter','Lato',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;
  --type-page:26px;--type-section:15px;--type-subheading:17px;--type-body:13px;
  --type-control:13px;--type-grid:13px;--type-label:13px;--type-meta:13px;--type-badge:13px;
  --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--control-height:34px;--radius-control:7px;
  --teal:var(--brand-primary);--deep:var(--brand-primary-deep);--mist:var(--brand-mist);--blue:var(--brand-technical);
  --gold:var(--brand-accent);--orange:var(--brand-warm);--fog:var(--surface-canvas);--line:var(--brand-line);
  --ink:var(--brand-ink);--graph:var(--brand-graphite);--danger:var(--state-danger);--success:var(--state-success);
  --surface:var(--surface-primary);--surface-1:var(--surface-primary);--surface-2:var(--surface-secondary);--surface-3:var(--surface-hover);
  --workspace-bg:var(--surface-canvas);--text-main:var(--text-primary);--text-soft:var(--text-secondary);--muted:var(--text-secondary);
  --border-ui:var(--border-subtle);--border-soft:var(--border-faint);--accent-soft:var(--surface-selected);--accent-line:var(--border-strong);
  --accent-teal:var(--brand-primary);--accent-teal-soft:var(--surface-selected);--accent-gold:var(--brand-accent);--accent-gold-hover:#e5b641;
  --status-success:var(--state-success);--status-warning:var(--state-warning);--status-danger:var(--state-danger);--status-error:var(--state-danger);
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --surface-canvas:#0f1719;--surface-primary:#141f21;--surface-secondary:#182528;--surface-hover:#1a2a2d;--surface-selected:#173438;
  --text-primary:#edf7f7;--text-secondary:#afc1c2;--text-muted:#8ca2a4;
  --border-subtle:#2a3d41;--border-strong:#2a6067;--border-faint:#203236;
  --state-success:#8fe2c4;--state-warning:#e5d4a4;--state-danger:#f3a1a1;--focus-ring:#7fd0d4;
  --shadow-ui:0 10px 26px rgba(0,0,0,.28);--shadow-pop:0 20px 65px rgba(0,0,0,.5);
}
:where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.portal-icon{display:inline-block;width:20px;height:20px;vertical-align:middle;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}button,a{transition:none!important}}