/* Mukund Soft brand palette — use these tokens for all future UI additions.
   #F5F7FA is the supplied light neutral, regardless of the original "Green" label.
   Orange is an accent for small decorative details; navy carries text and actions.
*/
:root {
  --brand-primary: #022B66;
  --brand-accent: #F59D29;
  --brand-background: #F5F7FA;
  --brand-text: #334155;
  --surface: #FFFFFF;
  --brand-primary-rgb: 2, 43, 102;
  --brand-accent-rgb: 245, 157, 41;
  --border-subtle: rgba(var(--brand-primary-rgb), .12);
  --surface-muted: rgba(var(--brand-primary-rgb), .04);
  color: var(--brand-text);
  background: var(--brand-background);
}
body { background: var(--surface); }
h1, h1 span, h2, h3, .section h2, .service-grid h3 { color: var(--brand-primary); }
.intro, .section-heading > p, .section p, .eyebrow, .hero .eyebrow, .number,
footer span, footer small, dialog p, label { color: var(--brand-text); }
.eyebrow > span { background: var(--brand-accent); }
.hero { background: var(--brand-background); }
.wash {
  background:
    radial-gradient(ellipse at 16% 56%, rgba(var(--brand-accent-rgb), .07), transparent 52%),
    radial-gradient(ellipse at 87% 34%, rgba(var(--brand-primary-rgb), .09), transparent 58%),
    var(--brand-background);
}
.wash:after { opacity: .06; }
.orbit { border-color: rgba(var(--brand-primary-rgb), .05); }
.primary, .header .ask {
  color: var(--surface);
  background: var(--brand-primary);
  border-color: var(--brand-primary);
  box-shadow: 0 4px 14px rgba(var(--brand-primary-rgb), .1);
}
.primary:hover, .header .ask:hover {
  background: var(--brand-primary);
  box-shadow: 0 7px 20px rgba(var(--brand-primary-rgb), .18);
}
.primary:hover > span, .header .ask:hover svg { color: var(--brand-accent); }
.secondary {
  color: var(--brand-primary);
  background: rgba(255, 255, 255, .45);
  border-color: rgba(var(--brand-primary-rgb), .16);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 3px 12px rgba(var(--brand-primary-rgb),.03);
}
.secondary:hover { background: rgba(255,255,255,.8); }
.text-button { color: var(--brand-primary); border-color: var(--border-subtle); }
.text-button:hover > span { color: var(--brand-accent); }
.service-grid, .service-grid article + article, footer { border-color: var(--border-subtle); }
.security { background: var(--brand-background); }
.security-art {
  background:
    radial-gradient(ellipse at 25% 65%, rgba(var(--brand-accent-rgb), .15), transparent 60%),
    radial-gradient(ellipse at 78% 30%, rgba(var(--brand-primary-rgb), .16), transparent 68%),
    var(--brand-background);
}
.shield-panel { color: var(--brand-primary); box-shadow: 0 25px 40px rgba(var(--brand-primary-rgb), .08); }
.shield-panel svg { stroke: var(--brand-primary); }
.shield-panel small { color: var(--brand-text); }
.header { background: rgba(255,255,255,.94); border-color: var(--border-subtle); box-shadow: 0 2px 12px rgba(var(--brand-primary-rgb),.02); }
.header .nav-link, .header .nav-toggle, .language-toggle, .header .menu { color: var(--brand-primary); }
.nav-item:hover .nav-link, .nav-item:hover .nav-toggle,
.nav-item.is-open .nav-link, .nav-item.is-open .nav-toggle { color: var(--brand-text); }
.nav-item:hover .nav-heading, .nav-item.is-open .nav-heading { box-shadow: inset 0 -2px var(--brand-accent); }
.header .menu, .mega-panel, .mega-overview, .nav-item { border-color: var(--border-subtle); }
.header .menu[aria-expanded=true] { background: var(--surface-muted); color: var(--brand-primary); }
.mega-panel { background: var(--surface); box-shadow: 0 18px 24px rgba(var(--brand-primary-rgb), .08); }
.mega-eyebrow, .mega-overview p, .mega-link small, .mega-consult,
.language-dropdown > p, .language-dropdown li small, .language-note { color: var(--brand-text); }
.mega-overview h2, .header .mega-link, .header .mega-overview-link { color: var(--brand-primary); }
.header .mega-overview-link { background: var(--surface-muted); }
.header .mega-overview-link:hover { background: rgba(var(--brand-accent-rgb), .09); }
.header .mega-link:hover, .header .mega-link:focus-visible { color: var(--brand-primary); background: rgba(var(--brand-accent-rgb), .06); }
.mega-icon { color: var(--brand-primary); border-color: rgba(var(--brand-primary-rgb), .06); background: var(--surface-muted); }
.mega-link:hover .mega-icon { background: rgba(var(--brand-accent-rgb), .13); }
.mega-link .link-arrow, .mega-consult:hover { color: var(--brand-primary); }
.language-toggle:hover, .language-toggle[aria-expanded=true] { color: var(--brand-text); }
.language-dropdown { border-color: var(--border-subtle); box-shadow: 0 16px 40px rgba(var(--brand-primary-rgb),.1); }
.language-dropdown li button { color: var(--brand-primary); }
.language-dropdown li button:hover, .language-dropdown li button[aria-pressed=true] { color: var(--brand-primary); background: var(--surface-muted); }
.language-check { color: var(--brand-primary); }
.language-note { border-color: var(--border-subtle); }
dialog { color: var(--brand-primary); background: rgba(245,247,250,.97); box-shadow: 0 30px 100px rgba(var(--brand-primary-rgb),.25); }
dialog::backdrop { background: rgba(var(--brand-primary-rgb), .4); }
.close, select, textarea { color: var(--brand-primary); }
select, textarea { border-color: var(--border-subtle); }
button:focus-visible, a:focus-visible, select:focus-visible, textarea:focus-visible { outline-color: var(--brand-primary); }
@media(max-width:1100px) {
  .header nav { background: rgba(245,247,250,.98); border-color: var(--border-subtle); box-shadow: 0 16px 20px rgba(var(--brand-primary-rgb),.06); }
  .nav-toggle { background: var(--surface-muted); border-color: var(--border-subtle); }
  .mega-panel { background: none; box-shadow: none; }
  .nav-item:hover .nav-heading, .nav-item.is-open .nav-heading { box-shadow: none; }
  .nav-item.is-open .nav-toggle { border-color: rgba(var(--brand-accent-rgb), .65); }
  .service-grid article { border-color: var(--border-subtle); }
}