/* ==========================================================================
   Fleet configurator in the Anchor Point identity.
   Loaded after configurator.css: the app keeps its layout and behaviour,
   and takes the new palette and type through its own custom properties.
   ========================================================================== */
:root {
  --bg: #04070b;
  --panel: #0b1422;
  --raised: #122038;
  --line: rgba(240, 242, 245, .12);
  --text: #f0f2f5;
  --muted: #8b9dc3;
  --accent: #e3171a;
  --mono: "JetBrains Mono", ui-monospace, monospace;
  --body: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --display: "Instrument Serif", Georgia, serif;
}
body { background: var(--ink-0); padding-top: calc(var(--hud-h) + 8px); }
main#configurator { position: relative; }

.page-intro h1, .panel-heading h2, .section-top h2 { font-family: var(--f-display); font-weight: 400; letter-spacing: -.015em; }
.page-intro h1 { font-size: clamp(2.6rem, 1.8rem + 2.6vw, 4.6rem); line-height: .95; }
.page-intro h1 span { font-style: italic; color: var(--amber); }
.panel-heading h2 { font-size: clamp(1.7rem, 1.4rem + .8vw, 2.2rem); }
.section-top h2 { font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem); }
.vessel-heading h2 { text-transform: none; letter-spacing: -.02em; line-height: 1; }
.closing-band h2, .build-dialog h2 { line-height: 1.05; }
.intro-copy { color: var(--mist); }

.workbench { border-color: var(--line); border-radius: 18px; overflow: hidden; background: linear-gradient(180deg, #0b1626, #070d15); box-shadow: var(--shadow-2); }
.config-panel { background: linear-gradient(180deg, #0d1a2c, #0a1322); border-left: 1px solid var(--line); }
.showroom { background: radial-gradient(120% 90% at 50% 20%, #12253d, #060c14 75%); }
.build-dialog { background: #0b1422; border-color: var(--line-strong); border-radius: 14px; }
.closing-band { border-radius: 18px; overflow: hidden; }