/* =============================================================
   theme-precision.css — "Eripm Solutions" ambiance.
   Loaded on /precision/ pages AFTER theme-clean.css (shared
   light-universe components). Warm-CHARCOAL / dark-GREY theme
   with eripm red/orange accents — pragmatic, project, prototyping.
   Dark-tints the shared clean components for [data-theme="precision"].

   Warm grey scale (kept off pure black for readability):
     L0 #1a1612  deepest (inputs)
     L1 #221d18  body / page base
     L2 #2c2620  cards, "grey" alt sections (.mat-bg), chips
     L3 #352e26  hover
   ============================================================= */
[data-theme="precision"] body { background: #221d18; color: rgba(255,255,255,0.84); }

/* ---- dark nav ---- */
[data-theme="precision"] .nav { background: rgba(34,29,24,0.85); border-bottom-color: rgba(255,255,255,0.1); }
[data-theme="precision"] .nav-logo img { filter: brightness(0) invert(1); }
[data-theme="precision"] .nav-links a { color: #fff; }
[data-theme="precision"] .nav-links a:hover, [data-theme="precision"] .nav-links a.is-active { color: var(--accent); }
[data-theme="precision"] .nav-lang { color: rgba(255,255,255,0.8); }
[data-theme="precision"] .nav-lang-toggle { border-color: rgba(255,255,255,0.25); }
[data-theme="precision"] .nav-lang-toggle:hover { border-color: rgba(255,255,255,0.6); color: #fff; }
[data-theme="precision"] .nav-lang-current { color: #fff; }
[data-theme="precision"] .nav-lang-menu { background: #2c2620; border-color: rgba(255,255,255,0.14); }
[data-theme="precision"] .nav-lang-opt b { color: #fff; }
[data-theme="precision"] .nav-lang-opt span { color: rgba(255,255,255,0.6); }
[data-theme="precision"] .nav-lang-opt:hover { background: rgba(255,255,255,0.08); }
[data-theme="precision"] .nav-lang-opt.active { background: #fff; }
[data-theme="precision"] .nav-lang-opt.active b, [data-theme="precision"] .nav-lang-opt.active span { color: #221d18; }
[data-theme="precision"] .nav-burger { border-color: rgba(255,255,255,0.25); }
[data-theme="precision"] .nav-burger span { background: #fff; }
[data-theme="precision"] .nav-mobile-links { background: #2c2620; border-bottom-color: rgba(255,255,255,0.1); }
[data-theme="precision"] .nav-mobile-links a { color: #fff; border-bottom-color: rgba(255,255,255,0.1); }

/* ---- hero (warm dark grey) ---- */
[data-theme="precision"] .clean-hero {
  background:
    radial-gradient(1000px 420px at 80% -10%, rgba(226,69,18,0.20) 0%, rgba(226,69,18,0) 60%),
    linear-gradient(180deg, #2c2620 0%, #221d18 100%);
  border-bottom-color: rgba(255,255,255,0.08);
}
[data-theme="precision"] .clean-hero h1 { color: #fff; }
[data-theme="precision"] .clean-hero-lead { color: rgba(255,255,255,0.82); }
[data-theme="precision"] .clean-badge {
  background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.2); color: #fff;
}
[data-theme="precision"] .clean-hero-card {
  background: rgba(18,14,11,0.80); border-color: rgba(255,255,255,0.16);
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
[data-theme="precision"] .clean-fact { border-bottom-color: rgba(255,255,255,0.12); }
[data-theme="precision"] .clean-fact-num { color: #fff; }
[data-theme="precision"] .clean-fact-label { color: rgba(255,255,255,0.62); }

/* hero background image + dark gradient veil on top (readable text) */
[data-theme="precision"] .clean-hero.has-hero-img::before {
  background-position: center; filter: grayscale(0.15) brightness(0.9);
}
[data-theme="precision"] .clean-hero.has-hero-img::after {
  background:
    linear-gradient(115deg, rgba(34,29,24,0.94) 0%, rgba(34,29,24,0.74) 46%, rgba(34,29,24,0.45) 100%),
    radial-gradient(900px 380px at 82% -12%, rgba(226,69,18,0.20) 0%, rgba(226,69,18,0) 60%);
}

/* ---- shared section bits on dark ---- */
[data-theme="precision"] .sec-title { color: #fff; }
[data-theme="precision"] .sec-lead { color: rgba(255,255,255,0.7); }
[data-theme="precision"] .feature-list li { color: rgba(255,255,255,0.85); }
/* "grey" alternating sections — clearly lighter than the body */
[data-theme="precision"] .mat-bg { background: #2c2620; }
/* lighter grey panel (a touch brighter than .mat-bg) */
[data-theme="precision"] .sec-lift { background: #3a342c; }
[data-theme="precision"] .sec-lift .sector-cell { background: #2c2620; }
[data-theme="precision"] .sec-lift .sector-cell:hover { background: #352e26; }

/* sector / areas cards (dark) */
[data-theme="precision"] .sector-grid { background: rgba(255,255,255,0.10); border-color: rgba(255,255,255,0.12); }
[data-theme="precision"] .sector-cell { background: #2c2620; color: #fff; }
[data-theme="precision"] .sector-cell:hover { background: #352e26; }
[data-theme="precision"] .sector-cell h4 { color: #fff; }
[data-theme="precision"] .sector-cell p { color: rgba(255,255,255,0.64); }
[data-theme="precision"] .sector-icon { border-color: var(--accent); color: var(--accent); }
[data-theme="precision"] .sector-cell:hover .sector-icon { background: var(--accent); border-color: var(--accent); color: #fff; }
/* on a .mat-bg section the cells need a touch more contrast */
[data-theme="precision"] .mat-bg .sector-cell { background: #322c25; }
[data-theme="precision"] .mat-bg .sector-cell:hover { background: #3b342c; }

/* material chips */
[data-theme="precision"] .prec-chips { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 44px; }
[data-theme="precision"] .prec-chip {
  background: #2c2620; border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-3);
  padding: 22px 24px; display: flex; align-items: center; gap: 14px; color: #fff;
  font: var(--t-h4); font-weight: 600;
}
[data-theme="precision"] .prec-chip::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
@media (max-width: 860px) { [data-theme="precision"] .prec-chips { grid-template-columns: 1fr 1fr; } }
@media (max-width: 520px) { [data-theme="precision"] .prec-chips { grid-template-columns: 1fr; } }

/* contact (dark) — grey panel + readable info column */
[data-theme="precision"] .contact-section-bg { background: #2c2620; }
[data-theme="precision"] .contact-card {
  background: #221d18; border-color: rgba(255,255,255,0.12); box-shadow: none;
}
[data-theme="precision"] .contact-card h3 { color: #fff; }
[data-theme="precision"] .field label { color: rgba(255,255,255,0.72); }
[data-theme="precision"] .field input, [data-theme="precision"] .field textarea {
  background: #1a1612; border-color: rgba(255,255,255,0.18); color: #fff;
}
[data-theme="precision"] .field input::placeholder, [data-theme="precision"] .field textarea::placeholder { color: rgba(255,255,255,0.4); }
[data-theme="precision"] .field input[type="file"] { background: #1a1612; }
[data-theme="precision"] .contact-info h3 { color: #fff; }
[data-theme="precision"] .info-block { border-bottom-color: rgba(255,255,255,0.12); }
[data-theme="precision"] .info-icon { border-color: rgba(255,255,255,0.35); color: #fff; }
[data-theme="precision"] .info-block h5 { color: rgba(255,255,255,0.6); }
[data-theme="precision"] .info-block p, [data-theme="precision"] .info-block a { color: #fff; }
[data-theme="precision"] .info-block a:hover { color: var(--accent); }

/* ghost-dark buttons → light-grey fill so the dark label stays readable on the dark theme */
[data-theme="precision"] .btn-ghost-dark { background: #e7e3dd; color: #1a1612; border-color: #e7e3dd; }
[data-theme="precision"] .btn-ghost-dark:hover { background: #ffffff; color: #1a1612; border-color: #ffffff; }