:root {
  --navy-900: #0a1628;
  --navy-800: #111d33;
  --navy-700: #1a2a42;
  --navy-600: #243552;
  --navy-500: #2d4266;
  --slate-400: #7b8fa8;
  --slate-300: #94a3b8;
  --slate-200: #b8c5d6;
  --slate-100: #dde4ed;
  --white: #f0f4f8;
  --accent: #3b82f6;
  --accent-hover: #2563eb;
  --green: #22c55e;
  --teal: #06b6d4;
  --purple: #a855f7;
  --blue: #3b82f6;
  --slate-dim: #64748b;
  --top-bar: 48px;
  --icon-rail: 52px;
  --left-rail: 440px;
  --right-rail: 320px;
  --dock: 52px;
  --radius: 8px;
  --radius-sm: 6px;
  --transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'Inter',-apple-system,sans-serif; background:var(--navy-900); color:var(--white); overflow:hidden; height:100vh; box-sizing:border-box; }
body:not(.authenticated) .top-bar, body:not(.authenticated) .icon-rail, body:not(.authenticated) .workspace, body:not(.authenticated) .dock, body:not(.authenticated) #devBar { visibility:hidden; }

/* Phase colors */
.phase-fam { --phase: var(--green); }
.phase-inst { --phase: var(--teal); }
.phase-form { --phase: var(--purple); }
.phase-cap { --phase: var(--blue); }

::-webkit-scrollbar { width:6px; }
::-webkit-scrollbar-track { background:transparent; }
::-webkit-scrollbar-thumb { background:var(--navy-600); border-radius:3px; }

/* Squadron Theme (Black/Orange/Yellow) */
body.theme-squadron { --navy-900: #0d0d0d; --navy-800: #1a1a1a; --navy-700: #262626; --navy-600: #333333; --navy-500: #404040; --accent: #f97316; --accent-hover: #ea580c; --slate-400: #9ca3af; --slate-300: #b0b8c4; --slate-200: #d1d5db; --white: #f3f4f6; }
body.theme-squadron .top-bar .logo { color:#f97316; }
body.theme-squadron .rail-icon.active { background:#f97316; box-shadow:0 2px 8px rgba(249,115,22,.3); }
body.theme-squadron .mode-badge { background:#f97316; }
body.theme-squadron .filter-pill.active { background:#f97316; border-color:#f97316; }
body.theme-squadron .tb-btn.active, body.theme-squadron .tb-btn.primary { background:#f97316; border-color:#f97316; }
body.theme-squadron .dock .step.current { background:#f97316; }
body.theme-squadron .dock .action-btn.primary { background:#f97316; border-color:#f97316; }
body.theme-squadron .version-badge .vb-status.draft { background:#eab308; }
body.theme-squadron .edit-actions button.primary { background:#f97316; border-color:#f97316; }

body.theme-squadron .dash-action-btn.primary { background:#f97316; border-color:#f97316; }
body.theme-squadron .crew-tab.active { color:#f97316; border-bottom-color:#f97316; }