/* ==========================================================================
   DigiDesire Monochrome Design Tokens + Context-Adaptive Accent Overrides
   V2 Master Prompt §123-164. Loaded last on every public page.
   Black + White + controlled neutrals. Tech-tool logos & functional states
   are intentionally preserved (documented exceptions, §126).
   ========================================================================== */
:root {
  --dd-black: #000000;
  --dd-off-black: #111111;
  --dd-deep-surface: #181818;

  --dd-white: #ffffff;
  --dd-off-white: #f7f7f5;
  --dd-soft-white: #f1f1ef;

  --dd-gray-light: #e5e5e3;
  --dd-gray-mid: #a0a0a0;
  --dd-gray-dark: #666666;

  --dd-text-on-light: #111111;
  --dd-text-on-dark: #ffffff;

  --dd-border-light: #e5e5e3;
  --dd-border-dark: #333333;

  --dd-focus: #111111;

  --dd-success: #2e7d32;
  --dd-error: #dc3545;
  --dd-warning: #b26a00;
}

/* --- Selection: neutral, high-contrast --- */
::selection { background: var(--dd-off-black); color: var(--dd-white); }
::-moz-selection { background: var(--dd-off-black); color: var(--dd-white); }

/* --- Context-adaptive text accents (were pink) ---
   Dark-dominant theme: eyebrow accents are white by default, and switch to
   near-black inside the known light-background sections. This keeps them
   strong on dark AND on light instead of using a fixed hue. */
.primary-color { color: var(--dd-white) !important; }
.primary-color,
.genericHead__subTitle { border-color: currentColor; }

/* Small decorative eyebrow dot/line markers follow the eyebrow color */
.genericHead__subTitle::before,
.primary-color::before { background-color: currentColor !important; }

/* Light-background sections -> dark eyebrow accents */
.formPopup .primary-color,
.homeTestimonials .primary-color,
.servicesDetailTestimonial .primary-color,
.estateFormSec .primary-color,
.jobDescriptionSection .primary-color,
.careerDetailFormWrapper .primary-color,
.white-bg .primary-color,
.bg-white .primary-color,
[class*="light-section"] .primary-color { color: var(--dd-off-black) !important; }

/* Testimonial / author role label sits over imagery or panels -> follow context */
.ddRole { color: inherit !important; }

/* --- Primary CTA: guarantee monochrome contrast on any context ---
   The former pink fill is now a white->gray gradient; keep its label dark. */
.primary-btn { color: var(--dd-off-black); }

/* Floating contact affordances -> monochrome (drop 3rd-party brand colour) */
.whatsappWrapper,
[class*="whatsapp"] { background: var(--dd-off-black) !important; color: var(--dd-white) !important; border: 1px solid rgba(255,255,255,.25) !important; }
.whatsappWrapper:hover,
[class*="whatsapp"]:hover { background: var(--dd-black) !important; }

/* Focus visibility stays neutral & strong (accessibility) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}