/* ============================================================
   DPC — Profile theme
   Mirrors the printed company profile: grey editorial canvas,
   deep purple + lavender, uppercase tracked headings,
   deep-purple footer band.
   Layered over styles.css; activated by html[data-theme="profile"].
   ============================================================ */
html[data-theme="profile"] {
  --purple:       #6f5b9e;
  --purple-deep:  #463879;
  --purple-soft:  #b6a8dc;
  --lavender:     #e7e2f1;
  --lavender-2:   #ddd6ec;
  --ink:          #241d38;
  --ink-2:        #3a3352;
  --muted:        #6a6480;
  --line:         #cfc9dd;
  --bg:           #e8e6ef;   /* grey canvas */
  --bg-alt:       #e0dcec;
}
html[data-theme="profile"] body { background: var(--bg); color: var(--ink-2); }

/* Editorial uppercase, tracked headings (LTR; Arabic keeps natural spacing) */
html[data-theme="profile"] .section-head h2,
html[data-theme="profile"] .page-hero h1,
html[data-theme="profile"] .pa-head h3 { text-transform: uppercase; letter-spacing: .015em; }
html[data-theme="profile"][dir="rtl"] .section-head h2,
html[data-theme="profile"][dir="rtl"] .page-hero h1,
html[data-theme="profile"][dir="rtl"] .pa-head h3 { letter-spacing: 0; }

/* Hero — grey editorial canvas with a deep-purple geometric motif */
html[data-theme="profile"] .hero {
  background:
    radial-gradient(820px 480px at 14% 10%, rgba(111,91,158,.16), transparent 60%),
    linear-gradient(135deg, #eae8f1 0%, #ded8ec 100%);
}
html[data-theme="profile"] .ht1 { background: #c9bee0; opacity: .6; }
html[data-theme="profile"] .ht2 { background: #2f244f; opacity: .85; }
html[data-theme="profile"] .ht3 { background: #6f5b9e; opacity: .5; }
html[data-theme="profile"] .ht4 { background: #d8d0ea; opacity: .6; }
html[data-theme="profile"] .ht5 { background: #9c8fc4; opacity: .6; }
html[data-theme="profile"] .hero-stats .n { color: var(--purple-deep); }

/* Header — grey, blurred */
html[data-theme="profile"] .site-header { background: rgba(232,230,239,.92); }
html[data-theme="profile"] .site-header.scrolled { border-color: var(--line); }

/* Toggles */
html[data-theme="profile"] .lang-toggle button.active,
html[data-theme="profile"] .lang-toggle a.active,
html[data-theme="profile"] .theme-switch button.active { background: var(--purple-deep); color: #f1eef8; }

/* Buttons */
html[data-theme="profile"] .btn--primary { background: var(--purple-deep); color: #f1eef8; }
html[data-theme="profile"] .btn--primary:hover { background: #2f244f; }
html[data-theme="profile"] .btn--light { background: #f4f1fa; color: var(--purple-deep); }

/* Inner-page banner — lavender */
html[data-theme="profile"] .page-hero { background: linear-gradient(160deg, #ded7ee 0%, var(--bg) 75%); border-bottom-color: var(--line); }

/* Section surfaces */
html[data-theme="profile"] .bg-alt { background: #ded8ec; }
html[data-theme="profile"] .bg-ink { background: #241d38; }        /* "Why DPC" — deep purple, not black */

/* Cards / surfaces (base hard-codes #fff) */
html[data-theme="profile"] .area-card,
html[data-theme="profile"] .stat,
html[data-theme="profile"] .pillar,
html[data-theme="profile"] .partner-cat,
html[data-theme="profile"] .mission-card,
html[data-theme="profile"] .product-card,
html[data-theme="profile"] .industry { background: #f3f1f8; border-color: var(--line); }
html[data-theme="profile"] .mission-card.alt { background: #241d38; }
html[data-theme="profile"] .partner-cat h4 { border-bottom-color: var(--lavender-2); }

/* Chips, pills */
html[data-theme="profile"] .chip { background: #efeaf6; border-color: var(--lavender-2); }
html[data-theme="profile"] .value-pill { background: #e7e2f1; color: var(--purple-deep); }

/* Brand bands (CTA + contact) — deep editorial purple, tied to the footer */
html[data-theme="profile"] .cta-band,
html[data-theme="profile"] .contact-wrap {
  background: linear-gradient(150deg, #4a3c78 0%, #342a54 50%, #241d38 100%);
  box-shadow: 0 30px 72px -40px rgba(36,29,56,.55);
}
html[data-theme="profile"] .contact-item { background: rgba(255,255,255,.09); border-color: rgba(255,255,255,.16); }
html[data-theme="profile"] .contact-item:hover { background: rgba(255,255,255,.16); }

/* Footer — deep purple band */
html[data-theme="profile"] .site-footer { background: #241d38; }
html[data-theme="profile"] .footer-bottom .promise { color: var(--purple-soft); }

/* Mobile nav drawer */
@media (max-width: 860px) {
  html[data-theme="profile"] .nav.open .nav-links { background: #e8e6ef; border-color: var(--line); }
}