/* ============================================================ Manufacturing Factory PP — dark theme overrides ("Industrial Steel & Amber" after dark). Applied when (no-flash inline script in _Layout sets it before paint; theme-toggle.js flips it). Graphite deepens, amber brightens to #F2B33C. ============================================================ */ [data-theme="dark"] { --graphite: #11151A; --graphite-2: #0E1216; --ink: #0B0E12; --amber: #F2B33C; /* brighter amber for dark surfaces */ --amber-ink: #F2B33C; /* on dark bg, amber text is legible directly */ --amber-soft: #2A2415; --steel: #8A929C; --steel-2: #6E7681; --bg: #14181D; --surface: #1C2128; --line: #2C333C; --line-strong: #3A424C; --text: #E6E9ED; --text-muted: #9AA3AD; --primary: var(--graphite); --accent: var(--amber); --shadow-sm: 0 2px 10px rgba(0,0,0,.35); --shadow: 0 18px 44px rgba(0,0,0,.5); } [data-theme="dark"] body { background: var(--bg); color: var(--text); } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6, [data-theme="dark"] .display-head { color: #F1F3F5; } [data-theme="dark"] a { color: var(--amber); } [data-theme="dark"] a:hover { color: #FFCB66; } [data-theme="dark"] .site-header { background: rgba(17,21,26,.94); border-bottom-color: var(--line); } [data-theme="dark"] .brand-name { color: #F1F3F5; } [data-theme="dark"] .brand-mark { background: #000; color: var(--amber); } [data-theme="dark"] .navbar-nav .nav-link { color: #D5DAE0; } [data-theme="dark"] .navbar-nav .nav-link:hover, [data-theme="dark"] .navbar-nav .nav-link.active { color: var(--amber); } [data-theme="dark"] .navbar-collapse { background: var(--surface); border-color: var(--line); } [data-theme="dark"] .navbar-nav .dropdown-menu { background: var(--surface); border-color: var(--line); } [data-theme="dark"] .navbar-nav .dropdown-item { color: #D5DAE0; } [data-theme="dark"] .navbar-nav .dropdown-item:hover { background: #262C34; color: var(--amber); } [data-theme="dark"] .theme-toggle, [data-theme="dark"] .lang-toggle, [data-theme="dark"] .header-search .form-control { background: var(--surface); border-color: var(--line); color: var(--text); } [data-theme="dark"] .section--surface { background: var(--surface); } [data-theme="dark"] .section--bg { background: var(--bg); } [data-theme="dark"] .mfp-card { background: var(--surface); border-color: var(--line); } [data-theme="dark"] .mfp-card:hover { border-color: var(--line-strong); } [data-theme="dark"] .spec-list li { border-bottom-color: var(--line); } [data-theme="dark"] .spec-list .spec-v, [data-theme="dark"] .case-meta b { color: #E6E9ED; } [data-theme="dark"] .mfp-chip { background: var(--amber-soft); color: var(--amber); border-color: #4A3D1A; } [data-theme="dark"] .mfp-chip--steel { background: #262C34; color: var(--steel); border-color: var(--line); } [data-theme="dark"] .cert-card, [data-theme="dark"] .buyer-card { background: var(--surface); border-color: var(--line); } [data-theme="dark"] .buyer-grid { background: var(--line); border-color: var(--line); } [data-theme="dark"] .process-card .proc-icon { background: var(--amber-soft); color: var(--amber); } [data-theme="dark"] .form-control, [data-theme="dark"] .form-select { background: #161B21; border-color: var(--line); color: var(--text); } [data-theme="dark"] .form-control::placeholder { color: var(--steel-2); } [data-theme="dark"] .form-control:focus, [data-theme="dark"] .form-select:focus { border-color: var(--amber); box-shadow: 0 0 0 .15rem rgba(242,179,60,.2); background: #161B21; } [data-theme="dark"] .btn-ghost { color: #E6E9ED; border-color: #E6E9ED; } [data-theme="dark"] .btn-ghost:hover { background: #E6E9ED; color: var(--graphite); } /* Footer already dark — nudge the surfaces slightly */ [data-theme="dark"] .site-footer { background: #0C1014; } [data-theme="dark"] .section--graphite { background: #0C1014; } [data-theme="dark"] .back-to-top { background: #262C34; } [data-theme="dark"] .back-to-top:hover { background: var(--amber); color: var(--ink); } [data-theme="dark"] .fa-call { background: #262C34; }