/* ═══════════════════════════════════════════════════════════
   LIGHT-THEME.CSS — Umbrella Corp HQ  v3
   Apple.com light design aesthetic — activated by [data-theme="light"] on <html>
   UCH brand red (#c1121f) is NEVER touched.
   Apple palette:
     Page bg:        #ffffff
     Gray section:   #f5f5f7
     Primary text:   #1d1d1f
     Secondary text: #6e6e73
     Nav:            rgba(255,255,255,0.88) + backdrop-filter
═══════════════════════════════════════════════════════════ */

/* ─── Smooth mode transition — respects reduced motion ─────── */
@media (prefers-reduced-motion: no-preference) {
  *,
  *::before,
  *::after {
    transition-property: background-color, color, border-color, box-shadow, fill, stroke !important;
    transition-duration: 0.3s !important;
    transition-timing-function: ease !important;
  }

  /* Disable transition on things that should NOT animate */
  .hero-canvas,
  canvas,
  .marquee-track,
  .gallery-track,
  [data-aos],
  .process-line-fill,
  .process-line-progress {
    transition: none !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   ROOT TOKEN OVERRIDES
   Anything using CSS vars flips automatically.
═══════════════════════════════════════════════════════════ */
[data-theme="light"] {
  color-scheme: light;
  --void:     #ffffff;    /* page bg — Apple pure white */
  --carbon:   #f5f5f7;   /* section/card bg — Apple gray */
  --ivory:    #1d1d1f;   /* primary text — Apple near-black */
  --steel:    #6e6e73;   /* secondary text — Apple gray text */
  /* --corp-red and --deep-red unchanged */
}

/* ═══════════════════════════════════════════════════════════
   BASE
═══════════════════════════════════════════════════════════ */
[data-theme="light"] body {
  background: #ffffff;
  color:      #1d1d1f;
}

[data-theme="light"] ::selection {
  background: #c1121f;
  color:      #ffffff;
}

/* ═══════════════════════════════════════════════════════════
   NAVIGATION
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .nav {
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: saturate(180%) blur(20px);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.04);
}

[data-theme="light"] .nav--scrolled {
  background:    rgba(255, 255, 255, 0.98);
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  box-shadow:    0 2px 16px rgba(0, 0, 0, 0.07);
}

[data-theme="light"] .nav-logo-text {
  color: #ffffff;
}

[data-theme="light"] .nav-link {
  color: rgba(255, 255, 255, 0.82);
}

[data-theme="light"] .nav-link:hover,
[data-theme="light"] .nav-link.active {
  color: #ffffff;
}

/* Dropdown trigger */
[data-theme="light"] .nav-dropdown-trigger {
  color: rgba(255, 255, 255, 0.82);
}

[data-theme="light"] .nav-dropdown-wrap:hover .nav-dropdown-trigger,
[data-theme="light"] .nav-dropdown-wrap.is-open  .nav-dropdown-trigger {
  color: #ffffff;
}

[data-theme="light"] .nav-dropdown {
  background: #ffffff;
  border:     1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .dropdown-item-name {
  color: #1d1d1f;
}

[data-theme="light"] .dropdown-item-desc {
  color: #6e6e73;
}

[data-theme="light"] .nav-dropdown-item:hover .dropdown-item-name {
  color: #c1121f;
}

[data-theme="light"] .nav-cs-badge {
  background: rgba(0, 0, 0, 0.04);
  color:      #6e6e73;
}

[data-theme="light"] .nav-dropdown-divider {
  background: rgba(0, 0, 0, 0.06);
}

/* Hamburger lines */
[data-theme="light"] .hamburger span {
  background: #ffffff;
}

/* Mobile full-screen overlay */
[data-theme="light"] .mobile-menu {
  background: #ffffff;
}

[data-theme="light"] .mobile-menu .mobile-link,
[data-theme="light"] .mobile-menu .mobile-menu-link {
  color: #1d1d1f;
}

[data-theme="light"] .mobile-menu-close {
  color: #6e6e73;
}

[data-theme="light"] .mobile-menu-close:hover {
  color: #1d1d1f;
}

/* ═══════════════════════════════════════════════════════════
   HERO — daytime sky (Three.js canvas handles the 3D scene)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .hero {
  background: linear-gradient(180deg,
    #3a7bd5 0%,
    #5b9bd5 20%,
    #87ceeb 55%,
    #c5e8f7 85%,
    #e8f4fd 100%
  );
}

[data-theme="light"] .hero-heading,
[data-theme="light"] .hero-line-1 {
  color: #ffffff;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.22);
}

/* hero-line-2 is red — keep it */
[data-theme="light"] .hero-line-2 {
  color: #c1121f;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.15);
}

[data-theme="light"] .hero-line-3 {
  color: rgba(255, 255, 255, 0.82);
  text-shadow: 0 2px 16px rgba(0, 0, 0, 0.18);
}

[data-theme="light"] .hero-subtext {
  color: rgba(255, 255, 255, 0.88);
}

[data-theme="light"] .scroll-indicator,
[data-theme="light"] .hero-scroll-indicator {
  color: rgba(255, 255, 255, 0.65);
}

/* ═══════════════════════════════════════════════════════════
   MARQUEE STRIP  (intentional dark contrast band)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .marquee-strip {
  background:    #1d1d1f;
  border-top:    1px solid rgba(255, 255, 255, 0.06);
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme="light"] .marquee-track {
  color: rgba(255, 255, 255, 0.55);
}

[data-theme="light"] .marquee-item {
  color: rgba(255, 255, 255, 0.55);
}

[data-theme="light"] .marquee-item::after {
  color: rgba(255, 255, 255, 0.2);
}

/* ═══════════════════════════════════════════════════════════
   SERVICES SECTION  (Apple gray — light mode)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .services-section {
  background: #f5f5f7;
}

/* Grid — add gap so rounded cards breathe */
[data-theme="light"] .services-grid {
  gap:        24px;
  border:     none;
  background: transparent;
  padding:    8px 0 16px;
}

/* Service cards — white bg, Apple-radius, soft shadow, no hard border */
[data-theme="light"] .service-card,
[data-theme="light"] .services-section .card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .service-card:hover,
[data-theme="light"] .services-section .card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .service-card-title,
[data-theme="light"] .services-section h3 {
  color: #1d1d1f;
}

[data-theme="light"] .service-card-desc,
[data-theme="light"] .services-section p {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   STATS BAR
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .stats-bar {
  background:    #f5f5f7;
  border-top:    1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .stats-item:not(:last-child)::after {
  background: rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .stats-number,
[data-theme="light"] .stats-suffix {
  color: #c1121f; /* keep red */
}

[data-theme="light"] .stats-label {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   WORK / CASE STUDIES SECTION
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .work-section {
  background: #ffffff;
}

[data-theme="light"] .section-heading {
  color: #1d1d1f;
}

[data-theme="light"] .section-heading .accent,
[data-theme="light"] .section-heading span {
  color: #c1121f;
}

[data-theme="light"] .section-subtext {
  color: #6e6e73;
}

[data-theme="light"] .section-tag {
  color: #c1121f;
}

[data-theme="light"] .divider {
  background: #c1121f;
}

/* Case study cards — Apple card style */
[data-theme="light"] .case-study-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .case-study-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .case-study-card__image {
  background: #f5f5f7;
}

[data-theme="light"] .case-study-card__content {
  background: #ffffff;
}

[data-theme="light"] .case-study-card__client {
  color: #1d1d1f;
}

[data-theme="light"] .case-study-card__industry {
  color: #c1121f;
}

[data-theme="light"] .case-study-card__result {
  color:      #6e6e73;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .btn-view-case {
  color:        #1d1d1f;
  border-color: rgba(193, 18, 31, 0.35);
}

[data-theme="light"] .btn-view-case:hover {
  color: #c1121f;
}

/* ─── Full work page cards ─────────────────────────────── */
[data-theme="light"] .filter-btn {
  color:        #6e6e73;
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .filter-btn:hover {
  color:        #1d1d1f;
  border-color: rgba(0, 0, 0, 0.26);
}

[data-theme="light"] .filter-btn.active {
  background:   #c1121f;
  color:        #ffffff;
  border-color: #c1121f;
}

/* cs-full-card — Apple card style */
[data-theme="light"] .cs-full-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .cs-full-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .cs-full-card__client-name {
  color: #1d1d1f;
}

[data-theme="light"] .cs-section-text {
  color: #6e6e73;
}

[data-theme="light"] .cs-metrics {
  background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .cs-metric {
  background: #f5f5f7;
}

[data-theme="light"] .cs-metric__label {
  color: #6e6e73;
}

[data-theme="light"] .cs-testimonial {
  background: #f5f5f7;
}

[data-theme="light"] .cs-testimonial__quote {
  color: #1d1d1f;
}

[data-theme="light"] .cs-expanded-content {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .cs-expanded-content h3 {
  color: #1d1d1f;
}

[data-theme="light"] .cs-expanded-content p,
[data-theme="light"] .cs-expanded-content ul li {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   CASE STUDY FULL CARD (work.html — .case-study-full-card)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .case-study-full-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .case-study-full-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .case-study-hero-img {
  background:    #f5f5f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

/* ═══════════════════════════════════════════════════════════
   FILTER BAR (work.html — .filter-tab)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .filter-tab {
  color:        #6e6e73;
  border-color: rgba(0, 0, 0, 0.12);
}

[data-theme="light"] .filter-tab:hover {
  color:        #1d1d1f;
  border-color: rgba(0, 0, 0, 0.24);
}

[data-theme="light"] .filter-tab.active {
  background:   #c1121f;
  color:        #ffffff;
  border-color: #c1121f;
}

/* ═══════════════════════════════════════════════════════════
   TAGS / BADGES
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .tag {
  background:   rgba(0, 0, 0, 0.04);
  color:        #6e6e73;
  border-color: rgba(0, 0, 0, 0.08);
}

/* ═══════════════════════════════════════════════════════════
   CLIENT GALLERY
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .gallery-section {
  background:    #f5f5f7;
  border-top:    1px solid rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .gallery-logo-item {
  background: #ffffff;
  border:     1px solid rgba(0, 0, 0, 0.06);
  color:      #aaa;
}

[data-theme="light"] .gallery-logo-item:hover {
  border-color: rgba(193, 18, 31, 0.25);
}

/* ═══════════════════════════════════════════════════════════
   PROCESS SECTION
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .process-section {
  background: #f5f5f7;
}

[data-theme="light"] .process-line-track {
  background: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .process-step__dot {
  background:   #f5f5f7;
  border-color: rgba(0, 0, 0, 0.18);
}

[data-theme="light"] .process-step.is-active .process-step__dot {
  border-color: #c1121f;
  background:   #c1121f;
}

[data-theme="light"] .process-step__number {
  color: #c1121f;
}

[data-theme="light"] .process-step__title {
  color: #1d1d1f;
}

[data-theme="light"] .process-step__desc {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   TESTIMONIALS SECTION  (Apple gray — light mode)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .testimonials-section {
  background: #f5f5f7;
}

/* Testimonial cards — Apple white card style */
[data-theme="light"] .testimonials-section .testimonial-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .testimonials-section .testimonial-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .testimonials-section .testimonial-text {
  color: #1d1d1f;
}

[data-theme="light"] .testimonials-section .testimonial-author {
  color: #1d1d1f;
}

[data-theme="light"] .testimonials-section .testimonial-role {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   CTA SECTION  (brand red — intentional statement)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .cta-section {
  background: #c1121f;
}

[data-theme="light"] .cta-heading {
  color: #ffffff;
}

[data-theme="light"] .cta-subtext {
  color: rgba(255, 255, 255, 0.82);
}

/* ═══════════════════════════════════════════════════════════
   FOOTER
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .footer {
  background: #f5f5f7;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .footer-grid {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .footer .nav-logo-text,
[data-theme="light"] .footer-nav-heading,
[data-theme="light"] .footer-contact-heading {
  color: #1d1d1f;
}

[data-theme="light"] .footer-tagline {
  color: #6e6e73;
}

[data-theme="light"] .footer-nav-list a {
  color: #6e6e73;
}

[data-theme="light"] .footer-nav-list a:hover {
  color: #1d1d1f;
}

[data-theme="light"] .footer-contact-item {
  color: #6e6e73;
}

[data-theme="light"] .footer-contact-item a {
  color: #6e6e73;
}

[data-theme="light"] .footer-contact-item a:hover {
  color: #c1121f;
}

[data-theme="light"] .footer-social a {
  border-color: rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .footer-social a:hover {
  background:   rgba(193, 18, 31, 0.06);
  border-color: #c1121f;
}

[data-theme="light"] .footer-social svg {
  fill: #6e6e73;
}

[data-theme="light"] .footer-social a:hover svg {
  fill: #c1121f;
}

[data-theme="light"] .footer-bottom {
  background:  #ebebeb;
  border-top:  1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .footer-copyright {
  color: #6e6e73;
}

[data-theme="light"] .footer-seo-text {
  color: #86868b;
}

/* ═══════════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .btn-secondary {
  color:        #1d1d1f;
  border-color: rgba(29, 29, 31, 0.24);
}

[data-theme="light"] .btn-secondary:hover {
  border-color: #c1121f;
  color:        #c1121f;
}

[data-theme="light"] .btn-white {
  background: #1d1d1f;
  color:      #ffffff;
  border:     1px solid #1d1d1f;
}

[data-theme="light"] .btn-cta {
  background: #ffffff;
  color:      #c1121f;
  border:     2px solid #ffffff;
}

[data-theme="light"] .btn-cta:hover {
  background: transparent;
  color:      #ffffff;
}

/* ═══════════════════════════════════════════════════════════
   INNER / PAGE HEROES (services, work, about, contact pages)
   Apple: #f5f5f7 background, dark text
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .inner-hero {
  background:    #f5f5f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .inner-hero-heading {
  color: #1d1d1f;
}

[data-theme="light"] .inner-hero-subtext {
  color: #6e6e73;
}

[data-theme="light"] .page-hero {
  background:    #f5f5f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .page-hero__heading {
  color: #1d1d1f;
}

[data-theme="light"] .page-hero__subtext {
  color: #6e6e73;
}

[data-theme="light"] .tools-hero,
[data-theme="light"] .freelancers-hero {
  background: #f5f5f7;
}

[data-theme="light"] .tools-hero h1,
[data-theme="light"] .tools-hero h2,
[data-theme="light"] .freelancers-hero h1,
[data-theme="light"] .freelancers-hero h2 {
  color: #1d1d1f;
}

[data-theme="light"] .tools-hero p,
[data-theme="light"] .freelancers-hero p {
  color: #6e6e73;
}

/* Eyebrow / section-tag inside heroes stays red */
[data-theme="light"] .inner-hero .section-tag,
[data-theme="light"] .page-hero .section-tag,
[data-theme="light"] .tools-hero .section-tag,
[data-theme="light"] .freelancers-hero .section-tag {
  color: #c1121f;
}

[data-theme="light"] .breadcrumb,
[data-theme="light"] .breadcrumb a {
  color: #6e6e73;
}

[data-theme="light"] .breadcrumb a:hover {
  color: #c1121f;
}

[data-theme="light"] .breadcrumb-sep {
  color: rgba(110, 110, 115, 0.45);
}

/* Toggle sitting inside a light inner-hero — no longer dark */
[data-theme="light"] .inner-hero .uch-theme-btn,
[data-theme="light"] .page-hero  .uch-theme-btn {
  border-color: rgba(29, 29, 31, 0.2);
  background:   rgba(29, 29, 31, 0.04);
  color:        rgba(29, 29, 31, 0.7);
}

/* ═══════════════════════════════════════════════════════════
   SERVICES PAGE — SERVICE DETAIL SECTIONS
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .service-detail {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .service-detail:nth-child(even) {
  background: #ffffff;
}

[data-theme="light"] .service-detail__title {
  color: #1d1d1f;
}

[data-theme="light"] .service-detail__desc {
  color: #6e6e73;
}

[data-theme="light"] .deliverable-item {
  color: #6e6e73;
}

[data-theme="light"] .service-detail__deliverables-heading {
  color: #1d1d1f;
}

[data-theme="light"] .service-pricing-value {
  color: #1d1d1f;
}

/* ═══════════════════════════════════════════════════════════
   FAQ ACCORDION
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .faq-section {
  background: #ffffff;
}

[data-theme="light"] .faq-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .faq-question {
  color: #1d1d1f;
}

[data-theme="light"] .faq-question:hover {
  color: #c1121f;
}

[data-theme="light"] .faq-icon {
  border-color: rgba(0, 0, 0, 0.14);
}

[data-theme="light"] .faq-icon svg {
  stroke: #1d1d1f;
}

[data-theme="light"] .faq-item.is-open .faq-icon {
  background:   #c1121f;
  border-color: #c1121f;
}

[data-theme="light"] .faq-item.is-open .faq-icon svg {
  stroke: #ffffff;
}

[data-theme="light"] .faq-answer-inner {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   ABOUT PAGE
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .about-story {
  background: #f5f5f7;
}

[data-theme="light"] .about-story__text p {
  color: #6e6e73;
}

[data-theme="light"] .mission-vision {
  background: #ffffff;
}

[data-theme="light"] .mv-grid {
  background: rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .mv-card {
  background: #f5f5f7;
}

[data-theme="light"] .mv-card__heading {
  color: #1d1d1f;
}

[data-theme="light"] .mv-card__text {
  color: #6e6e73;
}

/* TEAM */
[data-theme="light"] .team-section {
  background: #f5f5f7;
}

/* Team cards — Apple card style */
[data-theme="light"] .team-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .team-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .team-photo {
  background: #e8e8ed;
}

[data-theme="light"] .team-name {
  color: #1d1d1f;
}

[data-theme="light"] .team-role {
  color: #6e6e73;
}

/* VALUES */
[data-theme="light"] .values-section {
  background: #f5f5f7;
}

/* Value cards — Apple card style */
[data-theme="light"] .value-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .value-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .value-card__title {
  color: #1d1d1f;
}

[data-theme="light"] .value-card__text {
  color: #6e6e73;
}

/* COMPARISON TABLE */
[data-theme="light"] .comparison-section {
  background: #ffffff;
}

[data-theme="light"] .comparison-table th:nth-child(3) {
  background: #e8e8ed;
  color:      #6e6e73;
}

[data-theme="light"] .comparison-table td {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  color:         #1d1d1f;
}

[data-theme="light"] .comparison-table td:nth-child(3) {
  background: rgba(210, 210, 215, 0.35);
  color:      #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   AWARDS SECTION
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .awards-section {
  background: #f5f5f7;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

/* Award cards — Apple card style */
[data-theme="light"] .award-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .award-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .award-name {
  color: #1d1d1f;
}

[data-theme="light"] .award-org {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   CONTACT PAGE
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .contact-section {
  background: #ffffff;
}

[data-theme="light"] .contact-info-heading {
  color: #1d1d1f;
}

[data-theme="light"] .contact-info-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .contact-info-label {
  color: #6e6e73;
}

[data-theme="light"] .contact-info-value {
  color: #1d1d1f;
}

[data-theme="light"] .contact-info-value a {
  color: #1d1d1f;
}

[data-theme="light"] .contact-info-value a:hover {
  color: #c1121f;
}

[data-theme="light"] .contact-response-note {
  background:   #f5f5f7;
  border-color: rgba(0, 0, 0, 0.06);
  color:        #6e6e73;
}

[data-theme="light"] .map-placeholder {
  background:   #f5f5f7;
  border-color: rgba(0, 0, 0, 0.06);
}

/* ─── FORMS ─────────────────────────────────────────────── */
[data-theme="light"] .form-input,
[data-theme="light"] .form-select,
[data-theme="light"] .form-textarea {
  background:   #ffffff;
  border-color: rgba(0, 0, 0, 0.12);
  color:        #1d1d1f;
}

[data-theme="light"] .form-input:focus,
[data-theme="light"] .form-select:focus,
[data-theme="light"] .form-textarea:focus {
  border-color: #c1121f;
  background:   #ffffff;
}

[data-theme="light"] .form-input::placeholder,
[data-theme="light"] .form-select::placeholder,
[data-theme="light"] .form-textarea::placeholder {
  color: rgba(29, 29, 31, 0.3);
}

[data-theme="light"] .form-label {
  color: #6e6e73;
}

[data-theme="light"] .form-select {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%231d1d1f' stroke-width='1.5'/%3E%3C/svg%3E");
}

[data-theme="light"] .form-select option {
  background: #ffffff;
  color:      #1d1d1f;
}

[data-theme="light"] label {
  color: #1d1d1f;
}

/* Generic input[type] overrides (tools pages etc.) */
[data-theme="light"] input[type="text"],
[data-theme="light"] input[type="email"],
[data-theme="light"] input[type="tel"],
[data-theme="light"] input[type="number"],
[data-theme="light"] input[type="range"],
[data-theme="light"] textarea,
[data-theme="light"] select {
  background:   #ffffff;
  color:        #1d1d1f;
  border-color: rgba(0, 0, 0, 0.12);
}

/* ═══════════════════════════════════════════════════════════
   TOOLS CARDS (tools.html)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .tool-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .tool-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .tool-card-title {
  color: #1d1d1f;
}

[data-theme="light"] .tool-card-desc {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   IMG PLACEHOLDER (dev utility)
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .img-placeholder {
  background: #e8e8ed;
  color:      #86868b;
  border:     1px dashed rgba(0, 0, 0, 0.12);
}

/* ═══════════════════════════════════════════════════════════
   FREELANCERS PAGE
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .freelancers-section,
[data-theme="light"] .freelancer-section {
  background: #f5f5f7;
}

[data-theme="light"] .freelancer-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .freelancer-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .freelancer-name,
[data-theme="light"] .freelancer-title {
  color: #1d1d1f;
}

[data-theme="light"] .freelancer-desc,
[data-theme="light"] .freelancer-bio {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   CLIENT BRIEF / GENERIC SECTIONS
═══════════════════════════════════════════════════════════ */
[data-theme="light"] .brief-section,
[data-theme="light"] .brief-card {
  background:   #ffffff;
  border-color: rgba(0, 0, 0, 0.06);
  color:        #1d1d1f;
}

[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
  color: #1d1d1f;
}

[data-theme="light"] p {
  color: #6e6e73;
}

/* ═══════════════════════════════════════════════════════════
   SCROLLBAR
═══════════════════════════════════════════════════════════ */
[data-theme="light"] ::-webkit-scrollbar-track {
  background: #f5f5f7;
}

[data-theme="light"] ::-webkit-scrollbar-thumb {
  background: rgba(193, 18, 31, 0.25);
}

[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
  background: rgba(193, 18, 31, 0.45);
}

/* ═══════════════════════════════════════════════════════════
   TOGGLE WIDGET  (shared light + dark)
═══════════════════════════════════════════════════════════ */
/* ── Theme button (dark-mode defaults — lives on dark nav) ── */
.uch-theme-btn {
  display:         flex;
  align-items:     center;
  justify-content: center;
  width:           34px;
  height:          34px;
  border-radius:   50%;
  border:          1px solid rgba(240, 237, 232, 0.25);
  background:      rgba(240, 237, 232, 0.06);
  color:           rgba(240, 237, 232, 0.8);
  cursor:          pointer;
  transition:      all 0.25s ease;
  position:        relative;
  overflow:        hidden;
  flex-shrink:     0;
}

.uch-theme-btn:hover {
  background:   rgba(193, 18, 31, 0.12);
  border-color: rgba(193, 18, 31, 0.4);
  color:        #c1121f;
}

.uch-ico {
  width:    16px;
  height:   16px;
  position: absolute;
  transition: opacity 0.2s ease, transform 0.3s ease;
}

/* Dark: show moon, hide sun */
.uch-theme-btn[data-theme="dark"] .uch-ico-moon {
  opacity: 1; transform: rotate(0deg) scale(1);
}
.uch-theme-btn[data-theme="dark"] .uch-ico-sun {
  opacity: 0; transform: rotate(90deg) scale(0.6);
}

/* Light: show sun, hide moon */
.uch-theme-btn[data-theme="light"] .uch-ico-sun {
  opacity: 1; transform: rotate(0deg) scale(1);
  color: #ffbb00;
}
.uch-theme-btn[data-theme="light"] .uch-ico-moon {
  opacity: 0; transform: rotate(-90deg) scale(0.6);
}

/* Default before JS sets data-theme */
.uch-ico-sun  { opacity: 0; transform: rotate(90deg) scale(0.6); }
.uch-ico-moon { opacity: 1; transform: rotate(0deg) scale(1); }

/* Light mode toggle adjustments — Apple palette */
[data-theme="light"] .uch-theme-btn {
  border-color: rgba(29, 29, 31, 0.18);
  background:   rgba(29, 29, 31, 0.04);
  color:        rgba(29, 29, 31, 0.65);
}

[data-theme="light"] .uch-theme-btn:hover {
  background:   rgba(193, 18, 31, 0.06);
  border-color: rgba(193, 18, 31, 0.32);
  color:        #c1121f;
}

/* ═══════════════════════════════════════════════════════════
   BLOG HUB PAGE (blog.html)
═══════════════════════════════════════════════════════════ */
/* Blog hero — Apple gray (NOT dark) */
[data-theme="light"] .blog-hero {
  background:    #f5f5f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .blog-hero h1,
[data-theme="light"] .blog-hero h2 {
  color: #1d1d1f;
}

[data-theme="light"] .blog-hero p {
  color: #6e6e73;
}

[data-theme="light"] .blog-hero .section-tag {
  color: #c1121f;
}

[data-theme="light"] .blog-filter {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .blog-filter-btn {
  color:        #6e6e73;
  border-color: rgba(0, 0, 0, 0.12);
  background:   transparent;
}

[data-theme="light"] .blog-filter-btn:hover {
  color:        #1d1d1f;
  border-color: rgba(0, 0, 0, 0.24);
}

[data-theme="light"] .blog-filter-btn.is-active {
  background:   #c1121f;
  color:        #ffffff;
  border-color: #c1121f;
}

/* Blog cards — Apple card style */
[data-theme="light"] .blog-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .blog-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .blog-card-img {
  background: #f5f5f7;
}

[data-theme="light"] .blog-card-img-icon {
  color: #86868b;
}

[data-theme="light"] .blog-card-img-label {
  background: rgba(0, 0, 0, 0.05);
  color:      #6e6e73;
}

[data-theme="light"] .blog-card-body {
  background: #ffffff;
}

[data-theme="light"] .blog-card-meta {
  color: #86868b;
}

[data-theme="light"] .blog-card-tag {
  background: rgba(0, 0, 0, 0.04);
  color:      #6e6e73;
}

[data-theme="light"] .blog-card-title {
  color: #1d1d1f;
}

[data-theme="light"] .blog-card-excerpt {
  color: #6e6e73;
}

[data-theme="light"] .blog-card-read-more {
  color: #c1121f;
}

/* ═══════════════════════════════════════════════════════════
   ARTICLE PAGES (blog/*.html)
═══════════════════════════════════════════════════════════ */
/* Article header — Apple gray (NOT dark) */
[data-theme="light"] .article-header {
  background:    #f5f5f7;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .article-header h1,
[data-theme="light"] .article-header h2 {
  color: #1d1d1f;
}

[data-theme="light"] .article-header p {
  color: #6e6e73;
}

[data-theme="light"] .article-header .section-tag {
  color: #c1121f;
}

/* Article breadcrumb adapts to light header */
[data-theme="light"] .article-breadcrumb {
  color: #6e6e73;
}

[data-theme="light"] .article-breadcrumb a {
  color: #6e6e73;
}

[data-theme="light"] .article-breadcrumb a:hover {
  color: #c1121f;
}

[data-theme="light"] .article-breadcrumb span {
  color: rgba(110, 110, 115, 0.4);
}

/* Article body — main content area */
[data-theme="light"] .article-body {
  color: #1d1d1f;
}

[data-theme="light"] .article-body h2,
[data-theme="light"] .article-body h3 {
  color: #1d1d1f;
}

[data-theme="light"] .article-body p {
  color: #6e6e73;
}

[data-theme="light"] .article-body li {
  color: #6e6e73;
}

[data-theme="light"] .article-body strong {
  color: #1d1d1f;
}

/* Article callout — red accent, keep exactly */
[data-theme="light"] .article-callout {
  background:  rgba(193, 18, 31, 0.06);
  border-left: 3px solid #c1121f;
}

[data-theme="light"] .article-callout p {
  color: #1d1d1f;
}

/* Stat grid cards — Apple card style */
[data-theme="light"] .article-stat-grid {
  background: rgba(0, 0, 0, 0.05);
}

[data-theme="light"] .article-stat {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .article-stat:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}

[data-theme="light"] .article-stat-num {
  color: #c1121f;
}

[data-theme="light"] .article-stat-label {
  color: #6e6e73;
}

/* FAQ accordion */
[data-theme="light"] .article-faq-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .article-faq-item:first-of-type {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .article-faq-q {
  color: #1d1d1f;
}

[data-theme="light"] .article-faq-a {
  color: #6e6e73;
}

/* TOC Sidebar — Apple card style */
[data-theme="light"] .article-sidebar {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .toc-heading {
  color: #1d1d1f;
}

[data-theme="light"] .toc-list {
  border-left: 2px solid rgba(0, 0, 0, 0.08);
}

[data-theme="light"] .toc-link {
  color: #6e6e73;
}

[data-theme="light"] .toc-link:hover,
[data-theme="light"] .toc-link.is-active {
  color:       #c1121f;
  border-left: 2px solid #c1121f;
}

/* Sidebar CTA — keep as dark band for contrast */
[data-theme="light"] .article-sidebar-cta {
  background: #1d1d1f;
}

[data-theme="light"] .article-sidebar-cta h4 {
  color: #f5f5f7;
}

[data-theme="light"] .article-sidebar-cta p {
  color: rgba(245, 245, 247, 0.65);
}

/* CTA Banner — keep as dark band for contrast */
[data-theme="light"] .article-cta-banner {
  background: #1d1d1f;
}

[data-theme="light"] .article-cta-banner h3 {
  color: #f5f5f7;
}

[data-theme="light"] .article-cta-banner p {
  color: rgba(245, 245, 247, 0.7);
}

/* Related articles */
[data-theme="light"] .related-articles {
  background: #f5f5f7;
}

[data-theme="light"] .related-articles h2 {
  color: #1d1d1f;
}

[data-theme="light"] .related-grid .blog-card {
  background:    #ffffff;
  border:        none;
  border-radius: 18px;
  box-shadow:    0 4px 20px rgba(0, 0, 0, 0.06);
}

[data-theme="light"] .related-grid .blog-card:hover {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1);
}