/* 9 Kasım 2026 — genel sitenin gece laciverti / bakır bronz kimliği.
   Sayfa stillerinden sonra yüklenir; panel ve CMS renk kayıtları bağımsızdır. */
:root {
  --navy: #102D4A;
  --navy-deep: #091B2C;
  --bronze: #B87345;
  --bronze-hover: #C88759;
  --bronze-text: #89512E;
  --ink: var(--navy);
  --blueprint: var(--navy);
  --blue: var(--bronze-text);
  --blue-deep: #704126;
  --red: #D71920;
  --red-deep: #AD141A;
  --on-dark: #EEF3F7;
  --on-dark-muted: #B9CADB;
  --bp-text: var(--on-dark);
  --bp-dim: var(--on-dark-muted);
}

/* Açık okuma yüzeyleri lacivert ana zeminle aynı akışı sürdürür. */
body { background: var(--navy); }
main { background: var(--paper); }
::selection { background: var(--bronze); color: var(--navy-deep); }
input, textarea, select { accent-color: var(--bronze-text); caret-color: var(--bronze-text); }

.atlas-flow .hero {
  --blueprint: var(--navy);
  --bp-text: var(--on-dark);
  --bp-dim: var(--on-dark-muted);
}
.p-head, .company-hero {
  --on-dark-muted: #B9CADB;
  background: var(--navy);
}

/* Bronz / koyu lacivert küçük metin kontrastı 4.6:1. */
.btn--primary,
.p-head .btn--primary,
.atlas-flow .hero .btn--primary,
.site-header[data-over]:not(.is-solid) .site-header__bar .btn--primary,
.atlas-flow .site-header[data-over]:not(.is-solid) .site-header__bar .btn--primary {
  background: var(--bronze);
  color: var(--navy-deep);
}
.btn--primary:hover,
.p-head .btn--primary:hover,
.atlas-flow .hero .btn--primary:hover,
.site-header[data-over]:not(.is-solid) .site-header__bar .btn--primary:hover,
.atlas-flow .site-header[data-over]:not(.is-solid) .site-header__bar .btn--primary:hover {
  background: var(--bronze-hover);
  color: var(--navy-deep);
}
.p-head .btn--light:hover { color: var(--navy); }
.site-header[data-over]:not(.is-solid) .site-nav__link::after { background: var(--bronze); }
.chip { background: var(--bronze); }
.bridge-study-item .bridge-art { color: var(--bronze-text); }
.flow-surface .link-arrow .icon, .company-systems .icon { color: var(--bronze-text); }
.atlas-flow .board-tabs__indicator { background: var(--bronze); }
.atlas-flow .board-tabs button[aria-pressed="true"] { box-shadow: inset 0 -2px var(--bronze); }
.atlas-flow .board-tabs.has-indicator button[aria-pressed="true"] { box-shadow: none; }
.draw-board .dim { stroke: var(--bronze); }
.draw-board .dot { fill: var(--bronze); }
.duo__draw .w, .service-band__draw .w { stroke: var(--bronze); }
.p-close .tel, .way__tel, .service-band__tel, .duo__tel a,
.atlas-flow .duo__tel a { border-bottom-color: var(--bronze); }
.way__tel:hover { color: var(--bronze-text); }
.pd-text li::before { background: var(--bronze); }

/* Ürün hareketli yüzeyleri kırmızı; teknik çerçeve ve yazılar beyazdır. */
.draw-board .fill, .draw-board .arm-r { fill: var(--red); }
.swc__color, .swc__color[data-ink="dark"], .pd-figure__empty {
  background: var(--red);
  color: var(--white);
}
.mega__media { background: var(--navy); }

/* Eski RAL gökkuşağı yerine ortak lacivert yüzey ve bronz ayrıntılar. */
.kartela__strip, .kartela__strip[data-ink="dark"],
.fam-others a, .fam-others a[data-ink="dark"] {
  background: var(--navy);
  color: var(--white);
}
.kartela__strip[data-open="true"] { box-shadow: inset 0 3px var(--bronze); }
.kartela__more { text-decoration: underline; text-decoration-color: var(--bronze); text-underline-offset: 6px; }
.kartela__more .icon { color: var(--bronze); }
.fam-others a:hover { background: var(--navy-deep); }
.fam-others a .icon { color: var(--bronze); }