/* Midnight — trading-house navy with gilt metal. */
:root {
  --bg: #0c1624;
  --bg-muted: #101c2e;
  --bg-texture:
    radial-gradient(1200px 500px at 10% -10%, rgba(198, 161, 91, 0.08), transparent 50%),
    linear-gradient(180deg, rgba(255,255,255,0.015), transparent 30%);
  --fg: #efe7d6;
  --fg-muted: #b7ad98;
  --accent: #c6a15b;
  --accent-fg: #16110a;
  --border: rgba(239, 231, 214, 0.1);
  --border-strong: rgba(198, 161, 91, 0.42);
  --header-bg: rgba(12, 22, 36, 0.88);
  --header-shadow: 0 12px 40px rgba(0, 0, 0, 0.28);
  --card-bg: rgba(18, 30, 48, 0.86);
  --card-shadow: 0 18px 40px rgba(0, 0, 0, 0.18);
  --field-bg: #0b1420;
  --footer-bg: #09101b;
  --footer-fg: #efe7d6;
  --footer-muted: #a89f8b;
  --footer-border: rgba(239, 231, 214, 0.1);
  --cta-bg: #c6a15b;
  --cta-fg: #16110a;
  --cta-muted: #5c4a26;
  --rule: linear-gradient(90deg, #c6a15b, #efe7d6 40%, #8d6d32);
  --radius: 2px;
  --font-display: "Cormorant Garamond", "Times New Roman", serif;
  --font-body: "Manrope", "Segoe UI", sans-serif;
  --display-weight: 600;
  --display-tracking: -0.03em;
  --selection-bg: #c6a15b;
  --selection-fg: #16110a;
  --success-bg: #1d3324;
  --success-fg: #d7ecda;
  --error-bg: #3a1d1d;
  --error-fg: #f3d4d4;
}

.page-home .hero h1 {
  font-style: italic;
}

.service-card:hover,
.market-card:hover,
.principle-card:hover,
.process-step:hover {
  border-color: var(--border-strong);
}

.hero-aside .scene-frame-hero {
  height: 280px;
  min-height: 220px;
  margin: 0 0 1.4rem;
}

.page-hero .scene-frame-page {
  position: absolute;
  right: max(1.25rem, calc((100% - 1180px) / 2));
  top: 1.5rem;
  opacity: 0.9;
}