/* Shared portfolio navigation and in-canvas preview control tokens.
   Preview controls retain Big Brother's neutral glass palette in both themes. */
:root {
  --case-selected: #ff9500;
  --case-tab-surface: #111;
  --case-tab-border: #ffffff24;
  --case-tab-text: #a5a5a5;
  --case-tab-hover-text: #fff;
  --case-tab-hover-surface: #ffffff0d;
  --case-tab-selected-surface: #ff9500;
  --case-tab-selected-ink: #111;
  --case-tab-selected-shadow: none;
  --preview-control-surface: rgba(240,246,249,.94);
  --preview-control-shadow: 0 2px 7px rgba(30,49,66,.14), inset 0 1px 0 rgba(255,255,255,.24);
  --preview-control-border: rgba(35,63,84,.18);
  --preview-control-track: rgba(30,49,66,.09);
  --preview-control-text: #344b5c;
  --preview-control-selected-text: #172a3a;
}
html[data-theme="light"] {
  --case-selected: var(--heading, #111);
  --case-tab-surface: #e9e9e7;
  --case-tab-border: #11111124;
  --case-tab-text: #595959;
  --case-tab-hover-text: #111;
  --case-tab-hover-surface: #ffffff70;
  --case-tab-selected-surface: #fff;
  --case-tab-selected-shadow: 0 1px 4px #00000012;
}
html.walkie-theme[data-theme="light"] .portfolio-viewer-project {
  --portfolio-copy: #4b4b52;
}