/* ============================================================
   LIGHT THEME — 06 WELCOME SECTION
============================================================ */

/* ---- Section backgrounds (06.1 layout + 06.2 background) ---- */
body.light #section-welcome {
  background: linear-gradient(160deg, #e8edf3 0%, #eef2f8 30%, #e4eaf2 50%, #eef2f8 70%, #e8edf3 100%);
  border-top: 2px solid rgb(0, 0, 0);
  border-bottom: 2px solid rgb(0, 0, 0);
  box-shadow: 0 14px 40px rgb(0, 149, 255);
  animation: none;
}

body.light #section-welcome:hover {
  border-color: rgba(0, 80, 160, 0.45);
  border-top: 2px solid rgb(0, 0, 0);
  border-bottom: 2px solid rgb(0, 0, 0);
  box-shadow: 0 14px 40px rgb(0, 0, 0);
}

/* ---- Section auras: replace red top / white bottom with blue ---- */
body.light #section-welcome::before {
  background: radial-gradient(ellipse 70% 100% at 50% 0%, rgb(48, 149, 212), transparent 100%);
}

body.light #section-welcome::after {
  background: radial-gradient(ellipse 70% 100% at 50% 100%, rgb(149, 221, 255), transparent 70%);
}

/* ---- Section label badge → blue background ---- */
body.light .content-section--welcome .content-section__label01 {
  background: linear-gradient(135deg, rgb(0, 90, 200) 0%, rgb(0, 40, 110) 100%);
  box-shadow: 0 4px 15px rgba(0, 90, 200, 0.25), 0 0 30px rgba(0, 90, 200, 0.10);
}

body.light .content-section--welcome .content-section__label01:hover,
body.light #section-welcome:hover .content-section__label01 {
  background: linear-gradient(135deg, rgb(0, 110, 141) 0%, rgb(0, 50, 80) 100%);
  box-shadow: 0 6px 20px rgba(0, 110, 141, 0.35), 0 0 40px rgba(0, 110, 141, 0.15);
}

/* ---- Heading ---- */
body.light .welcome__heading {
  color: var(--text-0);
  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* ---- Divider line → blue ---- */
body.light .line_separator {
  background: linear-gradient(
    90deg,
    rgba(0, 90, 200, 0) 0%,
    rgba(0, 90, 200, 0.70) 30%,
    rgba(0, 140, 220, 0.55) 70%,
    rgba(0, 90, 200, 0) 100%
  );
  box-shadow: 0 0 10px 2px rgba(0, 90, 200, 0.15);
}

/* ---- Description text ---- */
body.light .welcome__description {
  color: var(--text-1);
}

body.light .welcome__description:hover {
  color: var(--text-0);
  text-shadow: none;
}

/* ---- CTA button → blue ---- */
body.light .welcome__cta-button {
  color: #ffffff;
  background: linear-gradient(135deg, rgb(0, 90, 200) 0%, rgb(0, 40, 110) 100%);
  border-color: rgb(0, 140, 220);
  box-shadow: 0 0 20px rgba(0, 90, 200, 0.25);
}

body.light .welcome__cta-button:hover,
body.light #section-welcome:hover .welcome__cta-button {
  background: linear-gradient(135deg, rgb(0, 110, 141) 0%, rgb(0, 50, 80) 100%);
  border-color: rgb(0, 157, 200);
  box-shadow:
    0 0 12px rgba(0, 100, 160, 0.35),
    0 0 30px rgba(0, 100, 160, 0.15);
}