:root {
  color-scheme: dark;
  --navy-bg: #0b1220;
  --navy-deep: #080f1c;
  --navy-panel: #111d32;
  --navy-panel-raised: #16243c;
  --navy-border: #2c3e59;
  --navy-text: #f1f5f9;
  --navy-muted: #a5b4ca;
  --navy-soft: #8ea1bf;
  --navy-cyan: #22d3ee;
}
body { background: var(--navy-bg); color: var(--navy-text); }
::selection { background: #12677f; color: #fff; }
button:focus-visible, a:focus-visible, summary:focus-visible { outline-color: #67e8f9; }
.review-bar { background: #152139; color: var(--navy-muted); border-bottom: 1px solid var(--navy-border); }
.review-bar b { color: #dbeafe; }
.site-header, .brand>span, .buy-panel, .purchase-info, .trust-strip,
.trust-strip>div, .composition-link, .footer { border-color: var(--navy-border); }
.brand img { background: var(--navy-deep); }
.brand>span, .site-header nav, .header-end { color: var(--navy-muted); }
.site-header nav a:hover { color: var(--navy-cyan); }
.icon-button { color: #b7c9e1; border-color: #354a68; }
.icon-button[aria-pressed=true] { color: var(--navy-cyan); background: #153248; border-color: var(--navy-cyan); }
.breadcrumbs { color: var(--navy-soft); }
.breadcrumbs svg { color: #7288a9; }
.breadcrumbs b { color: #d3e0f1; }
.eyebrow { color: #70d7eb; }
.eyebrow span { color: var(--navy-soft); }
.product-heading h1>span { color: #a8bfdc; }
.gpu-heading>span { color: #d8edfb; background: #13233c; border-color: #34536f; }
.intro, .essentials { color: var(--navy-muted); }
.essentials svg { color: #8caccb; }
.product-stage, .main-photo { background: var(--navy-deep); }
.product-stage { border: 1px solid #253652; }
.stage-top>span, .stage-bottom { color: #9aaecc; }
.stage-top .icon-button { border-color: #39516e; }
.stage-top .icon-button:hover { background: #1a2c46; }
.stage-type { -webkit-text-stroke-color: #284368; }
.stage-ring { border-color: #1f87ae; opacity: .35; }
.stage-bottom b { color: #e0ecfa; }
.product-stage:has(.main-photo.original) .stage-top { background: #0b1428d9; }
.gallery-footer>span, .price-note, .selected-model { color: var(--navy-soft); }
.thumbnail { background: #0a1325; border-color: #506487; }
.thumbnail:hover, .thumbnail[aria-pressed=true] { border-color: var(--navy-cyan); }
.composition-link { color: #c1d4eb; }
.composition-link>i:first-child { color: #68c8e0; }
.price>span { color: #a7bdd8; }
.build-status { background: #16283f; color: #b5d0eb; }
.help-button { color: #b4c6df; border-color: #405577; }
.help-button:hover { color: var(--navy-cyan); border-color: var(--navy-cyan); }
.choice>span { background: #101b2e; border-color: #344863; }
.choice small { color: #9bafc9; }
.choice i { border-color: #566c8e; }
.choice input:checked+span { background: #123449; border-color: var(--navy-cyan); box-shadow: inset 0 0 0 .5px var(--navy-cyan); }
.choice input:checked+span i { color: #061522; background: var(--navy-cyan); border-color: var(--navy-cyan); }
.choice input:focus-visible+span { outline-color: #67e8f9; }
.primary { background: var(--navy-cyan); color: #061525; }
.primary:hover { background: #67e8f9; }
.secondary { color: #d0dfef; border-color: #344966; background: #111d30; }
.secondary:hover { background: #1a2b44; }
.purchase-info>i, .purchase-info a { color: #8eb4d2; }
.purchase-info strong { color: #dce8f6; }
.purchase-info p>span { color: var(--navy-soft); }
.trust-strip>div>span { color: var(--navy-muted); }
.trust-strip b { color: #e0eaf6; }
.trust-strip i { color: #57d6ed; }
.section-nav { background: #0b1220f5; border-color: var(--navy-border); }
.section-nav a, .section-nav a:first-child { color: #a4b9d4; }
.section-nav a[aria-current=location] { color: #f1f8ff; border-bottom-color: var(--navy-cyan); }
.section-nav a>span { color: #829aba; }
.section-heading>p { color: var(--navy-muted); }
.parts-caption { color: var(--navy-soft); border-color: #39516f; }
.parts-caption>span:first-child { color: #aec4df; }
.part-row { border-color: #253751; }
.part-row:hover { background: #122039; }
.part-icon, .part-plus { color: #81aacd; }
.part-category { color: #9ab0cd; }
.part-name { color: #edf4fc; }
.part-name small, .components-note { color: var(--navy-soft); }
.configuration-card { background: var(--navy-panel); border-color: #314664; }
.configuration-card .eyebrow { color: #75d6ed; }
.configuration-card dt { color: var(--navy-soft); }
.configuration-card dd { color: #d5e4f7; }
.side-price, .configuration-card .side-price, .custom-help { border-color: #314561; }
.side-price strong>span { color: #a4bbd9; }
.side-price small { color: var(--navy-soft); }
.text-button { color: #a5d4ef; }
.text-button:hover { color: #67e8f9; }
.custom-help { color: #8fb7d4; }
.custom-help p>b { color: #d5e6f6; }
.custom-help button { color: #a6c3df; }
.gaming-section { background: #080f1e; color: var(--navy-text); border-top: 1px solid #1d2c45; border-bottom: 1px solid #1d2c45; }
.gaming-section .eyebrow { color: #70d7eb; }
.resolution-control { border-color: #3b5271; }
.resolution-control button { color: #aec3df; }
.resolution-control button[aria-pressed=true] { background: var(--navy-cyan); color: #071a2e; }
.game-card { border-color: #324a69; }
.cyber-card { background: linear-gradient(120deg,#10223b,#182f52); }
.game-type { -webkit-text-stroke-color: #365b82; }
.fps-note>p { color: var(--navy-soft); }
.fps-note .text-button { color: #bad8ef; }
.workshop { background: var(--navy-panel); border: 1px solid #2b3e5b; }
.workshop-copy h2 em { color: var(--navy-cyan); }
.workshop-copy>p:not(.eyebrow), .service-bottom>div>p:not(.eyebrow) { color: var(--navy-muted); }
.faq { border-color: #3b5474; }
.faq details { border-color: #2c405c; }
.faq summary svg { color: #91b4d7; }
.faq details>p { color: var(--navy-muted); }
.closing { background: linear-gradient(110deg,#152a48,#10243c); border-color: #315575; }
.footer { color: var(--navy-soft); }
.footer>a:not(.brand) { color: #a7c9e5; }
.sticky-buy { background: #101b2ff5; border-color: #36506e; box-shadow: 0 -6px 30px #03071244; }
.sticky-title>span { color: #a0b6d2; }
.sticky-action>strong>span { color: #aac1dc; }
dialog { color: var(--navy-text); background: #111d32; border-color: #3c5475; box-shadow: 0 30px 100px #0009; }
dialog::backdrop { background: #020714c9; }
.dialog-close { background: #17263f; color: #d1e0f5; border-color: #456081; }
dialog .dialog-lede { color: #b0c3dd; }
dialog .dialog-note { background: #192b46; color: #b5c8e2; }
.dialog-spec>div { border-color: #304664; }
.dialog-spec dt { color: #96afce; }
.dialog-spec dd { color: #d7e5f6; }
.manufacturer-link { color: #78daee; border-color: #4b799a; }
.order-summary { background: #192a45; border-color: #395372; }
.order-summary>span { color: #a9bfdc; }
.order-form input, .order-form textarea { color: #ecf5ff; background: #0b1528; border-color: #435b7d; outline-color: #67e8f9; }
.order-form input::placeholder, .order-form textarea::placeholder { color: #839abc; opacity: 1; }
.order-form .form-note { color: #9eb3d0; }
.gallery-dialog { background: #080f1e; border-color: #3b5575; }
.gallery-dialog .dialog-close { background: #10203aee; color: #e8f5ff; border-color: #4b668b; }
.lightbox-tools { border-color: #2f4565; }
.lightbox-tools p { color: #98afcd; }
.lightbox-arrows .icon-button { color: #d4e7ff; border-color: #486385; }
.done-mark { background: #133f55; color: #67e8f9; }
#toast { background: #1c304e; color: #e4f0ff; border-color: #4b6d92; }

/* The accompanying approval note uses the same DPC palette. */
.decision-header { border-color: var(--navy-border); }
.decision-header>a:last-child { color: #afd1ec; }
.decision>.lede, .decision p, .decision ul { color: #acbfd7; }
.decision section { border-color: #2c415e; }
.decision .eyebrow { color: #70d7eb; }
.decision a:not(.primary) { color: #72daef; }
.decision th { color: #9ab4d3; }
.decision td { color: #b3c7e0; border-color: #2d435f; }
.decision td:first-child { color: #e1edfa; }
.decision .note { color: #c1d9ee; background: #152c46; border-left-color: var(--navy-cyan); }
.decision figure img { border-color: #344b6a; }
.decision figcaption { color: var(--navy-soft); }
.decision code { color: #a8d6f2; }
