/* ===== anitaelhajj.com — UNIFIED LIGHT THEME (ship this last) =====
   Goals:
   1) Force light UI everywhere (ignores OS/browser dark mode).
   2) Explicit surfaces for sections; cards always white.
   3) Neutralize mix-/background-blend issues.
   4) Provide fallbacks for prefers-color-scheme: dark and forced-colors.
*/

/* 0) Tokens + global light intent */
:root{
  --surface: #F8F4EF;      /* paper beige */
  --ink: #2C2826;          /* text/icons */
  --brand: #7C3A3A;        /* CTAs */
  --icon-bg-pink: #F3E1E4; /* blush */
  color-scheme: light;
}

/* 1) Base surfaces */
html, body{
  background: var(--surface, #F8F4EF);
  color: var(--ink, #2C2826);
}

/* 2) Section backgrounds */
#contact{ background: var(--icon-bg-pink, #F3E1E4); }
#testimonials, #faq, #resume{ background: var(--surface, #F8F4EF); }

/* 3) Card components — always white */
.services .card,
.testimonial,
.form-card,
.resume-card,
.faq-card{
  background:#FFFFFF;
  color:var(--ink, #2C2826);
  border:1px solid rgba(44,40,38,.10);
  box-shadow:0 10px 30px rgba(44,40,38,.08);
  background-blend-mode:normal;
  mix-blend-mode:normal;
}

/* 4) Hero safety */
.hero img, .hero::before, .hero::after{ mix-blend-mode:normal; background-blend-mode:normal; }

/* 5) Buttons */
.btn-primary{ background:var(--brand,#7C3A3A); color:#fff; }
.btn-primary:hover{ background:#693232; }

/* 6) Respect user settings elsewhere, but restate LIGHT under dark-preference */
@media (prefers-color-scheme: dark){
  html, body{ background:#F8F4EF; color:#2C2826; }
  #contact{ background:#F3E1E4; }
  #testimonials, #faq, #resume{ background:#F8F4EF; }
  .services .card, .testimonial, .form-card, .resume-card, .faq-card{ background:#FFFFFF; color:#2C2826; }
}

/* 7) Windows forced colors mode: keep author colors on key containers */
@media (forced-colors: active){
  .services .card, .testimonial, .form-card, .resume-card, .faq-card{
    forced-color-adjust: none;
    border-color: CanvasText;
  }
}

/* 8) Optional (last resort) anti-inversion — enable if some users run page-inverting extensions
html, body, img, picture, video, canvas, svg{ filter:none !important; }
*/