/* Graphite surfaces with the warm orange used across CHCNAV's official site. */
:root{
  color-scheme:dark;
  --paper:#101214;
  --ink:#f2f3f5;
  --muted:#adb2ba;
  --line:#343940;
  --accent:#f0863d;
  --cyan:var(--accent);
  --soft:#1a1e23;
  --dark:#0d0f11;
  --light:#f5f6f7;
  --surface:#1b1f24;
  --surface-raised:#252a30;
  --accent-soft:#f0863d14;
  --on-accent:#16110d;
  background:var(--paper);
  color:var(--ink);
}
body{background:var(--paper);color:var(--ink)}
::selection{background:#814721;color:#fff}
.skip-link{background:var(--accent);color:var(--on-accent)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.site-header{background:#121518f5;border-bottom-color:var(--line)}
.brand-logo{filter:none}
.brand>span{color:var(--muted)}
.main-nav>.nav-link,.nav-dropdown>summary{color:var(--ink)}
.main-nav>.nav-link:hover,.nav-dropdown>summary:hover,.nav-dropdown[open]>summary{color:var(--accent)}
.product-panel{background:var(--surface);border-color:var(--line);border-top-color:var(--accent);box-shadow:0 18px 48px #0007}
.product-list>li,.product-list>li>a,.service-list a,.solution-link{color:#e0e3e8}
.product-list>li>a:hover,.product-list>li>a[aria-current=page],.service-list a:hover,.service-list a[aria-current=page],.solution-link:hover{background:var(--accent-soft);color:var(--accent)}
.nav-dropdown>summary svg{color:var(--muted)}
.nav-dropdown[open]>summary svg{color:var(--accent)}
.solution-group+.solution-group{border-color:var(--line)}
.solution-group-title{color:#a8aeb7}

.button-primary,.button-light,.hero .button-primary,.device-hero .button-primary,.product-cta .button-primary,.nav-actions .button-primary{
  background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none;
}
.button-primary:hover,.button-light:hover,.hero .button-primary:hover,.device-hero .button-primary:hover,.product-cta .button-primary:hover,.nav-actions .button-primary:hover{
  background:#ff9b55;border-color:#ff9b55;color:var(--on-accent);box-shadow:0 4px 20px #0003;
}
.button-outline,.button-light-outline,.hero .button-outline,.device-hero .button-outline,.product-cta .button-outline,.nav-actions .button-outline{
  border-color:#626a75;color:var(--ink);background:transparent;
}
.button-outline:hover,.button-light-outline:hover,.hero .button-outline:hover,.device-hero .button-outline:hover,.product-cta .button-outline:hover,.nav-actions .button-outline:hover{
  background:var(--accent-soft);border-color:var(--accent);color:var(--ink);
}

.hero-shell{
  background-color:var(--paper);
  background-image:radial-gradient(ellipse at 88% 12%,#f0863d10,transparent 64%),linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);
  border-bottom-color:var(--line);
}
.hero .eyebrow,.about-hero .eyebrow,.dealer-hero .eyebrow{color:#b2b7c0}
.hero .eyebrow:before{background:var(--accent);box-shadow:none}
.hero-promise{color:var(--ink)}
.hero-description,.about-lead,.dealer-lead{color:#b4b9c1}
.hero h1 em,.about-hero h1 em,.dealer-hero h1 em{color:var(--accent)}
.video-frame{background:var(--surface);border-color:#41474f;box-shadow:0 22px 60px #0004}
.video-poster{background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px)}
.video-poster:after{background:linear-gradient(90deg,transparent,#f0863d88,transparent);box-shadow:none}
.video-topline,.video-bottomline>strong{color:var(--ink)}
.video-caption,.video-bottomline>span,.media-caption,.scroll-cue{color:var(--muted)}
.play-button{border-color:var(--accent);background:#29231eea;color:var(--accent);box-shadow:0 0 0 8px #f0863d09}
.play-button:hover{background:#413023;box-shadow:0 0 0 10px #f0863d12}
.play-label{color:var(--ink);background:#181b1ff2}
.video-bottomline{background:linear-gradient(transparent,#1b1f24 45%)}
.video-frame video{background:var(--dark)}
.status-dot{box-shadow:none}
.scroll-line{background:#545b65}
.value-flow{background:var(--paper)}
.feature:nth-child(even){background:#14171a}
.feature .section-number:after{background:#555e69}
.feature-art{
  background-color:var(--surface);
  background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);
  border-color:#3b424c;
}
.feature-art:before,.feature-art:after{border-color:var(--accent)}
.feature-archive{background:#181c20}
.archive-summary>.feature-description{border-left-color:var(--accent)}
.booking-section{background-color:#16191d;background-image:radial-gradient(ellipse at 0% 100%,#f0863d0b,transparent 62%);border-color:var(--line)}
.booking-section .eyebrow,.pricing-next-inner .eyebrow,.about-next-inner .eyebrow{color:var(--accent)}
.booking-description,.booking-points,.form-grid label,.form-status{color:#bdc2cb}
.form-grid input,.form-grid select{background:#22272d;border-color:#515b66;color:var(--ink)}
.form-grid input::placeholder{color:#a1a8b2}
.form-grid select option{background:#22272d;color:var(--ink)}
.form-grid input:focus-visible,.form-grid select:focus-visible{background:#282e35;border-color:var(--accent)}
.form-grid input:autofill{-webkit-text-fill-color:var(--ink);box-shadow:0 0 0 1000px #22272d inset;caret-color:var(--ink)}
.form-status.error{color:#ffb68a}
.site-footer{background:var(--dark);border-color:var(--line)}
.footer-inner{color:#a8afb9}
.notice-dialog{background:#1b1f24;color:var(--ink);border-color:#444c56;border-top-color:var(--accent);box-shadow:0 30px 100px #0008}
.notice-dialog::backdrop{background:#000b}
.dialog-close{color:#b5bdc8}

/* Pricing keeps one strong purchase summary and quieter comparison rows. */
.purchase-summary{background:linear-gradient(115deg,#f0863d0c,transparent 68%),#1c2025;border-color:#68503e;border-left-color:var(--accent)}
.purchase-price>strong{color:var(--accent)}
.purchase-benefit{border-color:#4b4540}
.service-comparison,.addon-list{background:var(--surface)}
.service-comparison thead{background:#282d34}
.service-comparison thead th:not(:first-child){color:var(--accent)}
.service-price,.addon-price>strong{color:var(--ink)}
.pricing-next-step{background:#181c20;border-color:var(--line)}
.pricing-next-inner h2+p{color:var(--muted)}

/* Product hardware and technical information. */
.product-page{--product-dark:var(--dark);--product-cyan:var(--accent)}
.product-subnav{background:#181b1ff5;border-color:var(--line)}
.product-subnav-name{background:transparent}
.device-hero-shell{background:var(--dark);color:var(--ink)}
.device-hero-shell:after{background:radial-gradient(ellipse at 78% 46%,#f0863d14,transparent 56%)}
.device-kicker,.device-intro,.device-context,.device-gallery-topline,.gallery-caption,.gallery-caption span{color:var(--muted)}
.device-title{color:#e2e5ea}
.device-stage:before{background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px)}
.sample-badge,.render-gallery .sample-badge{background:var(--accent-soft);border-color:#795032;color:#ffc095}
.gallery-button{color:#b9c0ca}
.gallery-button[aria-pressed=true]{background:var(--accent-soft);border-color:#8d5b36;color:var(--accent)}
.gallery-button:hover{border-color:var(--accent)}
.device-spec-strip{background:#1b1e23;border-color:var(--line);color:var(--ink)}
.device-key-specs>div,.device-key-specs>div:last-child{border-color:var(--line)}
.device-key-specs dt,.device-key-specs dd small,.device-spec-note,.device-key-specs .device-spec-note dd{color:var(--muted)}
.device-key-specs .device-spec-note dt{color:#d3d8e0}
.capture-preview{background:var(--surface);border-color:var(--line)}
.product-workflow{background:#181c20;border-color:var(--line)}
.workflow-rail{border-color:#4b5562}
.workflow-step:before{border-color:#181c20}
.workflow-step-header>span{color:var(--muted)}
.workflow-step .product-role{background:var(--accent-soft);border-color:#6b4d36}
.spec-label{background:#252a31;border-color:#4b545f;color:#bdc5cf}
.spec-group h3{background:#252a30;border-color:#444d58}
.spec-table th,.spec-table td{border-color:var(--line)}
.spec-table .pending{color:#b0b8c3}
.spec-table .unit{color:#a2acb9}
.product-cta{background:#181c20;color:var(--ink)}
.product-cta p{color:var(--muted)}

/* Corporate and channel pages. */
.about-campus{background:var(--surface);border-color:#444b55;box-shadow:0 18px 50px #0003}
.about-jump-links a{color:#e1e5eb;border-color:#5d6673}
.about-jump-links a:hover{color:var(--accent);border-color:var(--accent)}
.audience-divider{color:#7e8896}
.company-relationship{background-color:var(--surface);background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);border-top-color:var(--accent)}
.relationship-line:before{background:#596473}
.relationship-line:after{border-color:var(--accent)}
.relationship-line>span{background:var(--surface);color:var(--accent)}
.relationship-innovation strong{color:var(--accent)}
.about-group-section{background:#181c20}
.company-facts,.company-facts>div{border-color:var(--line)}
.company-facts dd{color:var(--accent)}
.about-next-step{background:#16191d;background-image:none}
.about-next-inner h2+p{color:var(--muted)}
.dealer-system{background:linear-gradient(145deg,#25282b,#1b1e23);border-color:#4b4844}
.dealer-system-heading,.dealer-system-list li+li,.dealer-system-note{border-color:#3c4149}
.dealer-system-heading>span:last-child,.dealer-system-list p,.dealer-system-note{color:var(--muted)}
.dealer-system-list svg{color:var(--accent)}
.dealer-partner-grid article{border-color:#4b525c}
.dealer-contact-section{background:#181c20}
.dealer-contact-card{background:#23272d;border-color:#48505a;border-top-color:var(--accent);box-shadow:0 14px 34px #0002}
.dealer-phone{color:var(--accent)}

/* Learning, downloads, and documentation. */
.tutorial-screen{background:#171b1f;border-color:#454e59}
.tutorial-screen video{background:var(--dark)}
.tutorial-empty{color:var(--ink);background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px)}
.empty-media-icon{color:var(--accent)}
.tutorial-empty p{color:var(--muted)}
.tutorial-courses,.software-card,.manual-list{background:var(--surface)}
.courses-heading{background:#282d34}
.course-button:hover{background:#292f37}
.course-button[aria-pressed=true]{background:var(--accent-soft);border-left-color:var(--accent)}
.software-icon{background:var(--accent-soft);border-color:#6b4c35;color:var(--accent)}
.manual-icon{background:var(--accent-soft);color:var(--accent)}
.resource-pending{background:#272d35;border-color:#4d5663;color:#bbc4d0}

@media(max-width:1023px){
  .menu-toggle{background:#272d34;color:var(--ink)}
  .menu-toggle[aria-expanded=true]{background:var(--accent-soft);color:var(--accent)}
  .main-nav{background:#1b1f24;border-color:#454d58;box-shadow:0 18px 54px #0007}
  .main-nav>.nav-link,.main-nav>.nav-dropdown{border-bottom-color:var(--line)}
  .main-nav>.nav-link:hover,.nav-dropdown>summary:hover{background:#282e36}
  .product-panel,.service-panel{background:transparent;border-color:#505a68;box-shadow:none}
  .solution-group+.solution-group{border-color:var(--line)}
  .nav-dropdown>summary svg{color:#b2bbc7}
  .nav-dropdown[open]>summary svg{color:var(--accent)}
}
