/* ── Northstone Capital · Farbwelt „Nordstern & Kalkstein“ ─────────────────
   Wird NACH site.css geladen und überschreibt nur Farben – Layout, Typografie
   und Bewegung bleiben unverändert.

   Idee: Nordstern = Orientierung in der Nacht → tiefes Nachtblau für Hero,
   Marktdaten, Handelsplätze, Diskretion und Fuß. Stein = Beständigkeit →
   heller, warmer Kalkstein für die Inhaltsabschnitte. Einziger Akzent ist das
   „Polarislicht“, ein zurückgenommenes Messing/Sternlicht-Gold.
   ------------------------------------------------------------------------ */
:root{
  /* Nacht */
  --iron-900:#0B1120;   /* Nachtblau, Grundfläche           */
  --iron-850:#101829;   /* Nachtblau, Bänder / Flächen       */
  --iron-800:#152036;
  --iron-750:#1A263F;
  --line:#222D45;
  --line-2:#2F3B56;
  --steel-1:#9AA4B6;
  --steel-2:#838DA1;
  --pearl:#F1EFEA;      /* Mondlicht – leicht warm statt kaltem Stahlweiß */
  --temper:#D2B47A;     /* Polarislicht                      */
  --temper-dim:#7D6740;
  --blued:#3C5488;

  /* Kalkstein (helle Abschnitte) */
  --stone-50:#F4F1EA;
  --stone-100:#EBE6DB;
  --stone-card:#FBFAF6;
  --stone-line:#DAD3C5;
  --stone-line-2:#C9C0AE;
  --ink:#131B2C;
  --ink-2:#3E4657;
  --ink-3:#5B6272;
  --brass:#81602A;      /* Polarislicht auf hellem Grund     */
  --brass-dim:#C3AB7F;

  --chrome:linear-gradient(176deg,#FFFFFF 0%,#E9E4D9 30%,#A69F92 50%,#F8F5EF 62%,#C2BAAA 82%,#827B6F 100%);
}
::selection{background:#3A4B73;color:#fff}

/* ── Nacht: Feinschliff ────────────────────────────────────────────────── */
.topbar{background:rgba(11,17,32,.97)}
.lead{color:#B6BECB}
.hero-bg .streaks,.tape-streaks{display:none}          /* Metallriefen gehören zu „Iron“ */
.hero-bg .glow{
  background:radial-gradient(52% 58% at 78% 16%,rgba(60,84,136,.34),transparent 70%),
             radial-gradient(46% 50% at 12% 96%,rgba(210,180,122,.08),transparent 70%);
}
#grain{opacity:.32}
.spec{background:radial-gradient(circle,rgba(226,232,245,.07),transparent 62%)}
/* Der Nordstern: ein einzelner, ruhiger Lichtpunkt im Hero */
.hero:not(.page-head) .hero-bg::after{
  content:"";position:absolute;right:clamp(40px,14vw,220px);top:clamp(70px,16vh,150px);
  width:22px;height:22px;
  background:#F6ECD2;
  clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);
  filter:drop-shadow(0 0 10px rgba(246,236,210,.9));
  box-shadow:0 0 40px 12px rgba(246,236,210,.35);
  opacity:.9;
}
.hero-claim h1{color:#E9E6DF}
.stamp span{background:rgba(210,180,122,.07)}
.btn::before{background:linear-gradient(180deg,#F6F2E9,#DCD3BF)}
.btn:hover,.btn:focus-visible{color:var(--iron-900);border-color:#DCD3BF}
.btn.ghost::before{background:linear-gradient(180deg,#18223A,#131B30)}
.live i{box-shadow:0 0 0 0 rgba(210,180,122,.55)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(210,180,122,.55)}70%{box-shadow:0 0 0 9px rgba(210,180,122,0)}100%{box-shadow:0 0 0 0 rgba(210,180,122,0)}}
.tape-note{color:#7A8498}
.clock .face .tick{stroke:#34405A}
.clock .face .tick.f,.clock .face .num{stroke:#9AA4B6}
.clock .face .num{stroke:none;fill:#9AA4B6}
.clock .face .hand{stroke:#F1EFEA}
.clock .status i{background:#3A4660}
.clock .until,.clock .sess{color:#737E93}
.clock.is-open .status i{box-shadow:0 0 0 0 rgba(210,180,122,.5)}
.discretion p.q{color:#E4E1DA}
.discretion .lead{color:#AEB6C4!important}
.foot-mark{color:#6A7488}
.modal-backdrop{background:rgba(6,10,20,.82)}
.modal p,.modal li{color:#B6BECB}
.modal address{color:#CDD3DD}
.modal .stand{color:#737E93}
.fig-note{color:#737E93}

/* Rauten werden zu vierstrahligen Sternen */
.mandate .mk{
  width:13px;height:13px;margin:0;transform:none;
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
}
.mandate:hover .mk{transform:rotate(90deg)}
.band-track li::after{
  width:7px;height:7px;transform:none;background:var(--temper-dim);
  clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);
}

/* ── Kalkstein: helle Inhaltsabschnitte ────────────────────────────────── */
:is(.stance,#mandate,#mandanten,.access,.figures-sec,#ansatz,.contact,.inquiry){
  --pearl:var(--ink);
  --steel-1:var(--ink-3);
  --steel-2:var(--ink-3);
  --line:var(--stone-line);
  --line-2:var(--stone-line-2);
  --temper:var(--brass);
  --temper-dim:var(--brass-dim);
  --iron-900:var(--stone-50);
  --iron-850:var(--stone-card);
  --iron-800:var(--stone-card);
  background:var(--stone-50);
  color:var(--ink);
  border-bottom-color:var(--stone-line);
}
/* Zwei aufeinanderfolgende helle Abschnitte leicht absetzen */
#mandanten,.figures-sec{background:var(--stone-100)}
#mandanten{--iron-900:var(--stone-100)}
/* Kennzahlen gehören optisch zum „Zugang“ darüber */
.access{background:var(--stone-100)}

:is(.stance,#mandate,#mandanten,.access,.figures-sec,#ansatz,.contact,.inquiry) :is(.lead){color:var(--ink-2)}
.stance blockquote,.stance .cols strong,.audience h3,.fig .n,.expect strong,.form-done h3{color:var(--ink)}
.stance .cols p,.mandate p,.audience p,.step p,.expect p,.form-done p{color:var(--ink-2)}
.mandate .specs b,.access-cols li{color:var(--ink)}
.mandate .specs li{border-bottom-color:var(--stone-line)}
.access-cols li{border-bottom-color:var(--stone-line)}
.mandate:hover{background:linear-gradient(180deg,rgba(255,255,255,.75),rgba(255,255,255,.2) 62%,transparent 88%)}
.audience li:hover{background:linear-gradient(90deg,rgba(255,255,255,.7),transparent 72%)}
:is(.stance,#mandate,#mandanten,.access,.figures-sec,#ansatz,.contact,.inquiry) .fig-note{color:var(--ink-3)}
.contact-list dd{color:var(--ink)}
.contact-list dd a:hover{color:var(--ink)}
.stamp span,.audience .hnw{background:transparent}

/* Schaltflächen auf hellem Grund: Tinte statt Mondlicht */
:is(.contact,.inquiry) .btn::before{background:linear-gradient(180deg,#1A2438,#0F1628)}
:is(.contact,.inquiry) .btn:hover,:is(.contact,.inquiry) .btn:focus-visible{color:#F4F1EA;border-color:#0F1628}
:is(.contact,.inquiry) .btn.ghost::before{background:var(--stone-100)}
:is(.contact,.inquiry) .btn.ghost:hover,:is(.contact,.inquiry) .btn.ghost:focus-visible{color:var(--ink);border-color:var(--brass)}

/* Anfrageformular */
.form{background:var(--stone-card);border-color:var(--stone-line)}
.field input,.field select,.field textarea{background:#fff;color:var(--ink)}
.field select option{background:#fff;color:var(--ink)}
.field input:focus,.field select:focus,.field textarea:focus{box-shadow:0 0 0 3px rgba(129,96,42,.14)}
.field input::placeholder,.field textarea::placeholder{color:#8A8F99}
.field .hint,.form-foot .note{color:var(--ink-3)}
.consent,.field label.consent{color:var(--ink-2)!important}
.consent a,.form-done a{color:var(--ink)!important}
.chips label:has(input:checked){background:rgba(129,96,42,.08)}
.err{border-color:#A0463C!important}