/* ── SMOOTH TRANSITION global ── */
*,
*::before,
*::after {
  transition-property:
    background-color, color, border-color, box-shadow, filter;
  transition-duration: 0.3s;
  transition-timing-function: ease;
}


.marquee-track,
.clients-track,
.hero-bg,
[data-splitting],
.word-inner,
video,
img,
.preloader-bar span {
  transition: none !important;
}

/* ═══════════════════════════════════════════════════════════
   LIGHT MODE  [data-theme="light"]
   ═══════════════════════════════════════════════════════════ */

[data-theme="light"] body {
  background: var(--white) !important;
  color: var(--black) !important;
}

/* All section-py → light */
[data-theme="light"] section.section-py {
  background: var(--white) !important;
  color: var(--black) !important;
}

[data-theme="light"] #showreel,
[data-theme="light"] #latest-work,
[data-theme="light"] #process-teaser {
  background: var(--surface) !important;
}

[data-theme="light"] #who-we-are,
[data-theme="light"] #testimonials,
[data-theme="light"] #brands {
  background: var(--white) !important;
}

/* Headings */
[data-theme="light"] section.section-py h1,
[data-theme="light"] section.section-py h2,
[data-theme="light"] section.section-py h3,
[data-theme="light"] section.section-py h4,
[data-theme="light"] section.section-py .who-title,
[data-theme="light"] section.section-py .showreel-title,
[data-theme="light"] section.section-py .mission-text,
[data-theme="light"] section.section-py .timeline-title,
[data-theme="light"] section.section-py .value-title,
[data-theme="light"] section.section-py .service-title,
[data-theme="light"] section.section-py .cta-title,
[data-theme="light"] section.section-py .info-title,
[data-theme="light"] section.section-py .process-teaser-title,
[data-theme="light"] section.section-py .author-name,
[data-theme="light"] .section-head h2,
[data-theme="light"] .showreel-title,
[data-theme="light"] .who-title,
[data-theme="light"] #testimonials h2,
[data-theme="light"] section.section-py [class*="col-"] h2,
[data-theme="light"] section.section-py [class*="col-"] h3,
[data-theme="light"] #testimonials h2[style],
[data-theme="light"] section.section-py h2[style] {
  color: var(--black) !important;
}

/* Muted/para */
[data-theme="light"] section.section-py p,
[data-theme="light"] section.section-py .section-sub,
[data-theme="light"] section.section-py .who-copy,
[data-theme="light"] section.section-py .testimonial-text,
[data-theme="light"] section.section-py .timeline-text,
[data-theme="light"] section.section-py .value-text,
[data-theme="light"] section.section-py .service-text,
[data-theme="light"] section.section-py .info-text,
[data-theme="light"] section.section-py .process-teaser-text,
[data-theme="light"] section.section-py .author-role,
[data-theme="light"] section.section-py .timeline-year,
[data-theme="light"] section.section-py .cta-note,
[data-theme="light"] section.section-py .process-step p,
[data-theme="light"] section.section-py [class*="col-"] p,
[data-theme="light"] .section-sub {
  color: var(--muted) !important;
}

/* Labels */
[data-theme="light"] section.section-py .label-eyebrow,
[data-theme="light"] .label-eyebrow {
  color: var(--yellow-dark) !important;
}

/* Who section */
[data-theme="light"] section.section-py .who-point span {
  color: var(--black) !important;
}

[data-theme="light"] section.section-py .who-cta {
  color: var(--black) !important;
  border-bottom-color: var(--yellow) !important;
}

[data-theme="light"] section.section-py .who-cta:hover {
  color: var(--black) !important;
}

[data-theme="light"] section.section-py .who-bar,
[data-theme="light"] section.section-py .who-bullet,
[data-theme="light"] section.section-py .section-underline {
  background: var(--yellow) !important;
}

/* Cards */
[data-theme="light"] .card-surface,
[data-theme="light"] section.section-py .card-surface,
[data-theme="light"] section.section-py .testimonial-card,
[data-theme="light"] section.section-py .value-card,
[data-theme="light"] section.section-py .timeline-card,
[data-theme="light"] section.section-py .info-card,
[data-theme="light"] section.section-py .service-card,
[data-theme="light"] .testimonial-card,
[data-theme="light"] .service-card,
[data-theme="light"] .value-card,
[data-theme="light"] .timeline-card,
[data-theme="light"] .info-card {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--black) !important;
}

[data-theme="light"] section.section-py h3 {
  color: var(--white) !important;
}

[data-theme="light"] section.section-py p {
  color: #ccc !important;
}

/* Testimonial details */
[data-theme="light"] .testimonial-text,
[data-theme="light"] section.section-py .testimonial-text {
  color: var(--black) !important;
}

[data-theme="light"] .author-name,
[data-theme="light"] section.section-py .author-name {
  color: var(--black) !important;
}

[data-theme="light"] .author-role,
[data-theme="light"] section.section-py .author-role {
  color: var(--muted) !important;
}

[data-theme="light"] .testimonial-author,
[data-theme="light"] section.section-py .testimonial-author {
  border-top-color: var(--border) !important;
}

[data-theme="light"] .author-initial,
[data-theme="light"] section.section-py .author-initial {
  background: var(--navy) !important;
  color: var(--yellow-bright) !important;
}

[data-theme="light"] .testimonial-quote-mark,
[data-theme="light"] section.section-py .testimonial-quote-mark {
  color: var(--yellow) !important;
}

[data-theme="light"] .testimonial-card:hover,
[data-theme="light"] section.section-py .testimonial-card:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 50px rgba(28, 24, 20, 0.12) !important;
  border-color: var(--yellow) !important;
}

/* Work cards */
[data-theme="light"] section.section-py .work-card {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}

[data-theme="light"] section.section-py .work-card:hover {
  box-shadow:
    0 24px 60px rgba(28, 24, 20, 0.14),
    0 0 0 2px var(--yellow) !important;
  transform: translateY(-3px) !important;
}

/* Service cards */
[data-theme="light"] .service-card:hover,
[data-theme="light"] section.section-py .service-card:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 50px rgba(28, 24, 20, 0.1) !important;
  border-color: var(--yellow) !important;
}

[data-theme="light"] section.section-py .service-link {
  color: var(--navy) !important;
}

/* Value cards */
[data-theme="light"] .value-card:hover,
[data-theme="light"] section.section-py .value-card:hover {
  border-color: var(--yellow) !important;
  box-shadow: 0 20px 50px rgba(28, 24, 20, 0.1) !important;
}

/* Icon pills */
[data-theme="light"] section.section-py .icon-pill {
  background: var(--navy) !important;
  color: var(--yellow-bright) !important;
  border-color: rgba(13, 27, 46, 0.15) !important;
}

/* Process teaser */
[data-theme="light"] section.section-py .process-teaser-grid {
  background: var(--border) !important;
}

[data-theme="light"] section.section-py .process-teaser-item {
  background: var(--surface) !important;
  color: var(--black) !important;
}

[data-theme="light"] section.section-py .process-teaser-item:hover {
  background: var(--white) !important;
}

[data-theme="light"] section.section-py .process-teaser-num {
  color: var(--yellow-dark) !important;
}

[data-theme="light"] section.section-py .process-teaser-title {
  color: var(--black) !important;
}

[data-theme="light"] section.section-py .process-teaser-text {
  color: var(--muted) !important;
}

[data-theme="light"] section.section-py .process-icon-box {
  background: var(--navy) !important;
  color: var(--yellow-bright) !important;
}

/* Process steps */
[data-theme="light"] section.section-py .process-step {
  border-color: var(--border) !important;
}

[data-theme="light"] section.section-py .process-kicker {
  color: var(--yellow-dark) !important;
}

[data-theme="light"] section.section-py .process-step h3 {
  color: var(--black) !important;
}

[data-theme="light"] section.section-py .process-step p {
  color: var(--muted) !important;
}

/* Timeline */
[data-theme="light"] section.section-py .timeline::before {
  background: var(--border) !important;
}

[data-theme="light"] section.section-py .timeline-dot {
  border-color: var(--yellow-dark) !important;
  background: rgba(240, 192, 0, 0.12) !important;
}

/* CTA strip */
[data-theme="light"] section.section-py .cta-strip {
  background: var(--surface) !important;
  border: 1px solid var(--border) !important;
}

[data-theme="light"] section.section-py .cta-title {
  color: var(--black) !important;
}

/* Outline button */
[data-theme="light"] section.section-py .btn-outline-brand {
  border-color: var(--black) !important;
  color: var(--black) !important;
  background: transparent !important;
}

[data-theme="light"] section.section-py .btn-outline-brand:hover {
  background: var(--black) !important;
  color: var(--yellow-bright) !important;
  transform: translateY(-1px) !important;
}

/* Filter buttons */
[data-theme="light"] section.section-py .filter-btn {
  border-color: var(--border) !important;
  color: var(--muted) !important;
  background: transparent !important;
}

[data-theme="light"] section.section-py .filter-btn:hover,
[data-theme="light"] section.section-py .filter-btn.is-active {
  border-color: var(--navy) !important;
  color: var(--navy) !important;
  background: rgba(13, 27, 46, 0.06) !important;
  transform: translateY(-1px) !important;
}

/* Project tiles */
[data-theme="light"] section.section-py .project-tile {
  border-color: var(--border) !important;
  background: var(--surface) !important;
}

/* Forms */
[data-theme="light"] .form-control-brand,
[data-theme="light"] .form-select-brand,
[data-theme="light"] section.section-py .form-control-brand,
[data-theme="light"] section.section-py .form-select-brand {
  background: rgba(28, 24, 20, 0.04) !important;
  border-color: var(--border) !important;
  color: var(--black) !important;
}

[data-theme="light"] .form-control-brand:focus,
[data-theme="light"] section.section-py .form-control-brand:focus {
  border-color: var(--yellow-dark) !important;
  background: rgba(240, 192, 0, 0.03) !important;
}

[data-theme="light"] .form-control-brand::placeholder {
  color: var(--muted) !important;
}

[data-theme="light"] section.section-py label {
  color: var(--muted) !important;
}

/* Social links */
[data-theme="light"] section.section-py .social-links a {
  border-color: var(--border) !important;
  color: var(--muted) !important;
}

[data-theme="light"] section.section-py .social-links a:hover {
  background: var(--yellow) !important;
  border-color: var(--yellow) !important;
  color: var(--black) !important;
  transform: scale(1.1) !important;
}

/* Accordion */
[data-theme="light"] .accordion-item,
[data-theme="light"] section.section-py .accordion-item {
  border-color: var(--border) !important;
  background: transparent !important;
}

[data-theme="light"] .job-accordion .accordion-button,
[data-theme="light"] section.section-py .job-accordion .accordion-button {
  background: var(--surface) !important;
  color: var(--black) !important;
}

[data-theme="light"] .job-accordion .accordion-button:not(.collapsed) {
  background: rgba(13, 27, 46, 0.06) !important;
  color: var(--navy) !important;
}

[data-theme="light"] .job-accordion .accordion-button::after,
[data-theme="light"] section.section-py .job-accordion .accordion-button::after {
  filter: brightness(0) !important;
}

[data-theme="light"] .job-accordion .accordion-body {
  background: var(--white) !important;
  color: var(--muted) !important;
}

[data-theme="light"] .job-chip {
  border-color: var(--border) !important;
  color: var(--black) !important;
}

/* Map */
[data-theme="light"] section.section-py iframe {
  filter: none !important;
  opacity: 1 !important;
}

/* Clients */
[data-theme="light"] #clients {
  background: var(--white) !important;
  border-top-color: var(--border) !important;
  border-bottom-color: var(--border) !important;
}

[data-theme="light"] #clients .clients-label {
  color: var(--muted) !important;
}

[data-theme="light"] #clients .client-logo-text {
  color: var(--black) !important;
}

/* Back to top */
[data-theme="light"] #backToTop {
  background: var(--white) !important;
  color: var(--black) !important;
  border-color: var(--border-strong) !important;
}

[data-theme="light"] #backToTop:hover {
  background: var(--navy) !important;
  color: var(--yellow-bright) !important;
  border-color: var(--navy) !important;
  transform: translateY(-3px) !important;
}

/* Mobile drawer */
[data-theme="light"] .mobile-drawer {
  background: var(--white) !important;
  border-left-color: var(--border) !important;
}

[data-theme="light"] .mobile-links a {
  color: var(--black) !important;
}

[data-theme="light"] .mobile-links a:hover {
  color: var(--navy) !important;
  border-color: #ffc107;
}

/* Removed: erroneous white-on-white overrides that broke all light-mode sections */

/* ═══════════════════════════════════════════════════════════
   DARK MODE  [data-theme="dark"]
   ═══════════════════════════════════════════════════════════ */

[data-theme="dark"] body {
  /* background: #111009 !important; */
  background: var(--black) !important;
  color: var(--white) !important;
}

[data-theme="dark"] section.section-py {
  /* background: #1a1916 !important; */
  background: var(--black) !important;
  color: var(--white) !important;
}

[data-theme="dark"] #showreel,
[data-theme="dark"] #latest-work,
[data-theme="dark"] #process-teaser {
  /* background: #201e1b !important; */
  background: var(--black) !important;
}

[data-theme="dark"] #who-we-are,
[data-theme="dark"] #testimonials {
  background: var(--black) !important;
  /* background: #1a1916 !important; */
}

/* Dark headings */
[data-theme="dark"] section.section-py h1,
[data-theme="dark"] section.section-py h2,
[data-theme="dark"] section.section-py h3,
[data-theme="dark"] section.section-py h4,
[data-theme="dark"] section.section-py .who-title,
[data-theme="dark"] section.section-py .showreel-title,
[data-theme="dark"] section.section-py .mission-text,
[data-theme="dark"] section.section-py .timeline-title,
[data-theme="dark"] section.section-py .value-title,
[data-theme="dark"] section.section-py .service-title,
[data-theme="dark"] section.section-py .cta-title,
[data-theme="dark"] section.section-py .info-title,
[data-theme="dark"] section.section-py .process-teaser-title,
[data-theme="dark"] section.section-py .author-name,
[data-theme="dark"] section.section-py .who-point span,
[data-theme="dark"] section.section-py [class*="col-"] h2,
[data-theme="dark"] section.section-py [class*="col-"] h3,
[data-theme="dark"] #testimonials h2[style],
[data-theme="dark"] section.section-py h2[style] {
  color: var(--white) !important;
}

[data-theme="dark"] section.section-py p,
[data-theme="dark"] section.section-py .section-sub,
[data-theme="dark"] section.section-py .who-copy,
[data-theme="dark"] section.section-py .testimonial-text,
[data-theme="dark"] section.section-py .timeline-text,
[data-theme="dark"] section.section-py .value-text,
[data-theme="dark"] section.section-py .service-text,
[data-theme="dark"] section.section-py .info-text,
[data-theme="dark"] section.section-py .process-teaser-text,
[data-theme="dark"] section.section-py .author-role,
[data-theme="dark"] section.section-py .cta-note,
[data-theme="dark"] section.section-py .process-step p,
[data-theme="dark"] section.section-py [class*="col-"] p {
  color: rgba(255, 255, 255, 0.58) !important;
}

[data-theme="dark"] section.section-py .label-eyebrow {
  color: var(--yellow-bright) !important;
}

/* Dark cards */
[data-theme="dark"] .card-surface,
[data-theme="dark"] section.section-py .card-surface,
[data-theme="dark"] section.section-py .testimonial-card,
[data-theme="dark"] section.section-py .value-card,
[data-theme="dark"] section.section-py .timeline-card,
[data-theme="dark"] section.section-py .info-card,
[data-theme="dark"] section.section-py .service-card,
[data-theme="dark"] .testimonial-card,
[data-theme="dark"] .service-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .testimonial-text {
  color: rgba(250, 248, 242, 0.82) !important;
}

[data-theme="dark"] .author-name {
  color: var(--white) !important;
}

[data-theme="dark"] .author-role {
  color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] .testimonial-author {
  border-top-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .author-initial,
[data-theme="dark"] section.section-py .author-initial {
  background: var(--yellow-bright) !important;
  color: var(--black) !important;
}

[data-theme="dark"] section.section-py .testimonial-quote-mark {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] .testimonial-card:hover,
[data-theme="dark"] section.section-py .testimonial-card:hover {
  border-color: var(--yellow) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] section.section-py .work-card {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] section.section-py .work-card:hover {
  box-shadow:
    0 24px 60px rgba(0, 0, 0, 0.4),
    0 0 0 2px var(--yellow) !important;
  transform: translateY(-3px) !important;
}

[data-theme="dark"] .service-card:hover,
[data-theme="dark"] section.section-py .service-card:hover {
  border-color: var(--yellow) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
  transform: translateY(-4px) !important;
}

[data-theme="dark"] section.section-py .service-link {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] section.section-py .icon-pill {
  background: rgba(245, 208, 0, 0.1) !important;
  color: var(--yellow-bright) !important;
  border-color: rgba(245, 208, 0, 0.2) !important;
}

[data-theme="dark"] section.section-py .process-teaser-item {
  background: #1a1916 !important;
}

[data-theme="dark"] section.section-py .process-teaser-item:hover {
  background: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] section.section-py .process-teaser-grid {
  background: rgba(255, 255, 255, 0.04) !important;
}

[data-theme="dark"] section.section-py .process-teaser-num {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] section.section-py .btn-outline-brand {
  border-color: rgba(255, 255, 255, 0.3) !important;
  color: var(--white) !important;
  background: transparent !important;
}

[data-theme="dark"] section.section-py .btn-outline-brand:hover {
  background: var(--white) !important;
  color: var(--black) !important;
  transform: translateY(-1px) !important;
}

[data-theme="dark"] section.section-py .filter-btn {
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.6) !important;
}

[data-theme="dark"] section.section-py .filter-btn:hover,
[data-theme="dark"] section.section-py .filter-btn.is-active {
  border-color: var(--yellow-bright) !important;
  color: var(--yellow-bright) !important;
  background: rgba(245, 208, 0, 0.1) !important;
}

[data-theme="dark"] section.section-py .project-tile {
  border-color: rgba(255, 255, 255, 0.08) !important;
  background: rgba(255, 255, 255, 0.03) !important;
}

[data-theme="dark"] .form-control-brand,
[data-theme="dark"] section.section-py .form-control-brand,
[data-theme="dark"] .form-select-brand,
[data-theme="dark"] section.section-py .form-select-brand {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--white) !important;
}

[data-theme="dark"] .form-control-brand::placeholder {
  color: rgba(255, 255, 255, 0.35) !important;
}

[data-theme="dark"] section.section-py label {
  color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] section.section-py .social-links a {
  border-color: rgba(255, 255, 255, 0.14) !important;
  color: rgba(255, 255, 255, 0.5) !important;
}

[data-theme="dark"] section.section-py .social-links a:hover {
  background: var(--yellow) !important;
  border-color: var(--yellow) !important;
  color: var(--black) !important;
}

[data-theme="dark"] .accordion-item {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .job-accordion .accordion-button {
  background: rgba(255, 255, 255, 0.04) !important;
  color: var(--white) !important;
}

[data-theme="dark"] .job-accordion .accordion-button:not(.collapsed) {
  background: rgba(245, 208, 0, 0.08) !important;
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] .job-accordion .accordion-button::after {
  filter: invert(1) !important;
}

[data-theme="dark"] .job-accordion .accordion-body {
  background: rgba(255, 255, 255, 0.02) !important;
  color: rgba(255, 255, 255, 0.58) !important;
}

[data-theme="dark"] .job-chip {
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: rgba(255, 255, 255, 0.7) !important;
}

[data-theme="dark"] section.section-py iframe {
  filter: invert(0.85) hue-rotate(180deg) saturate(0.6) !important;
  opacity: 0.85 !important;
}

[data-theme="dark"] #clients {
  background: var(--dark-bg) !important;
  border-top-color: rgba(255, 255, 255, 0.05) !important;
  border-bottom-color: rgba(255, 255, 255, 0.05) !important;
}

[data-theme="dark"] #clients .clients-label {
  color: rgba(255, 255, 255, 0.45) !important;
}

[data-theme="dark"] #clients .client-logo-text {
  color: var(--white) !important;
}

[data-theme="dark"] #backToTop {
  background: #1a1916 !important;
  color: var(--white) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

[data-theme="dark"] #backToTop:hover {
  background: #131313 !important;
  color: var(--yellow-bright) !important;
  border-color: #686868 !important;
  transform: translateY(-3px) !important;
}

[data-theme="dark"] .mobile-drawer {
  background: var(--dark-bg) !important;
}

[data-theme="dark"] .mobile-links a {
  color: rgba(255, 255, 255, 0.8) !important;
}

[data-theme="dark"] .mobile-links a:hover {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] section.section-py .timeline::before {
  background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] section.section-py .process-step {
  border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] section.section-py .process-kicker {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] section.section-py .process-step h3 {
  color: var(--white) !important;
}

[data-theme="dark"] section.section-py .cta-strip {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] section.section-py .who-cta {
  color: var(--white) !important;
  border-bottom-color: var(--yellow) !important;
}

/* ═══════════════════════════════════════════════════════════
   NAVBAR — Light + Dark scrolled states
   ═══════════════════════════════════════════════════════════ */

[data-theme="light"] .navbar--scrolled {
  background: rgba(250, 248, 242, 0.97) !important;
  backdrop-filter: blur(20px);
  box-shadow:
    0 1px 0 var(--yellow),
    0 4px 20px rgba(28, 24, 20, 0.1) !important;
}

[data-theme="light"] .navbar--scrolled .nav-link {
  color: var(--black) !important;
}

[data-theme="light"] .navbar--scrolled .nav-link:hover {
  color: var(--yellow-dark) !important;
}

[data-theme="light"] .navbar--scrolled .nav-link.is-active {
  color: var(--black) !important;
}

[data-theme="light"] .navbar--scrolled .nav-toggle {
  border-color: rgba(28, 24, 20, 0.3) !important;
}

[data-theme="light"] .navbar--scrolled .nav-toggle span {
  background: var(--black) !important;
}

[data-theme="dark"] .navbar--scrolled {
  /* background: rgba(17, 16, 9, 0.97) !important; */
  background: var(--black) !important;
  backdrop-filter: blur(20px);
  box-shadow:
    0 1px 0 var(--yellow),
    0 4px 20px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .navbar--scrolled .nav-link {
  color: rgba(255, 255, 255, 0.88) !important;
}

[data-theme="dark"] .navbar--scrolled .nav-link:hover {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] .navbar--scrolled .nav-link.is-active {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] .navbar--scrolled .nav-toggle {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] .navbar--scrolled .nav-toggle span {
  background: var(--white) !important;
}

/* Logo: darken in light scrolled nav for visibility */
.nav-logo img {
  transition: filter 0.35s ease !important;
}

[data-theme="light"] .navbar--scrolled .nav-logo img {
  filter: brightness(0) !important;
}

[data-theme="dark"] .navbar--scrolled .nav-logo img {
  filter: brightness(0) invert(1) !important;
}

[data-theme="light"] .nav-ready #navToggle.is-open {
  border-color: rgba(28, 24, 20, 0.8) !important;
}

[data-theme="light"] .nav-ready #navToggle.is-open span {
  background-color: rgba(28, 24, 20, 0.8) !important;
}

[data-theme="light"] .nav-ready #navToggle.is-open #themeToggle {
  background-color: rgba(28, 24, 20, 0.8) !important;
}

/* ═══════════════════════════════════════════════════════════
   THEME TOGGLE BUTTON
   ═══════════════════════════════════════════════════════════ */

#themeToggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.5px solid rgba(255, 255, 255, 0.35);
  background: rgba(0, 0, 0, 0.18);
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  font-size: 16px;
  flex-shrink: 0;
  line-height: 1;
  padding: 0;
  margin-left: 8px;
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

#themeToggle:hover {
  background: rgb(12 12 12 / 25%) !important;
  border-color: #ccc !important;
  /* border-color: var(--yellow-bright) !important; */
  transform: scale(1.1) !important;
}

/* Scrolled nav light */
[data-theme="light"] .navbar--scrolled #themeToggle {
  border-color: rgba(28, 24, 20, 0.35) !important;
  background: rgba(28, 24, 20, 0.07) !important;
  color: var(--black) !important;
}

[data-theme="light"] .navbar--scrolled #themeToggle:hover {
  background: rgba(240, 192, 0, 0.2) !important;
  border-color: var(--yellow-dark) !important;
  color: var(--black) !important;
}

/* Scrolled nav dark */
[data-theme="dark"] .navbar--scrolled #themeToggle {
  border-color: rgba(255, 255, 255, 0.3) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.95) !important;
}

/* Moon/Sun icons */
.icon-sun {
  display: none;
}

.icon-moon {
  display: block;
}

[data-theme="dark"] .icon-sun {
  display: block;
}

[data-theme="dark"] .icon-moon {
  display: none;
}

[data-theme="light"] .icon-sun {
  display: none;
}

[data-theme="light"] .icon-moon {
  display: block;
}

/* ═══════════════════════════════════════════════════════════
   MOBILE — small screens
   ═══════════════════════════════════════════════════════════ */

@media (max-width: 991.98px) {
  .nav-toggle {
    display: inline-flex !important;
  }

  #themeToggle {
    width: 38px;
    height: 38px;
    font-size: 15px;
    margin-left: 6px;
  }

  /* On transparent nav (top of page) – both modes: white icons */
  #themeToggle {
    border-color: rgba(255, 255, 255, 0.38) !important;
    background: rgba(0, 0, 0, 0.22) !important;
    color: #fff !important;
  }

  /* Light scrolled: dark hamburger + dark toggle */
  [data-theme="light"] .navbar--scrolled .nav-toggle span {
    background: var(--black) !important;
  }

  [data-theme="light"] .navbar--scrolled .nav-toggle {
    border-color: rgba(28, 24, 20, 0.3) !important;
  }

  [data-theme="light"] .navbar--scrolled #themeToggle {
    border-color: rgba(28, 24, 20, 0.35) !important;
    background: rgba(28, 24, 20, 0.07) !important;
    color: var(--black) !important;
  }

  /* Dark scrolled: white hamburger + white toggle */
  [data-theme="dark"] .navbar--scrolled .nav-toggle span {
    background: var(--white) !important;
  }

  [data-theme="dark"] .navbar--scrolled #themeToggle {
    border-color: rgba(255, 255, 255, 0.3) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: #fff !important;
  }
}

/* ═══════════════════════════════════════════════════════════
   ALWAYS-DARK SECTIONS (stats, footer, hero, CTA banner)
   ═══════════════════════════════════════════════════════════ */

#stats {
  background: var(--black) !important;
  /* background: #0c0b06 !important; */
}

#stats .label-eyebrow {
  color: var(--yellow-bright) !important;
}

#stats .stats-head h2 {
  color: var(--white) !important;
}

#stats .section-sub {
  color: rgba(255, 255, 255, 0.48) !important;
}

#cta-banner {
  /* background: var(--yellow) !important; */
  background: var(--dark-bg) !important;
}

#cta-banner .cta-banner-title {
  color: var(--white) !important;
}

#cta-banner .cta-banner-sub {
  /* color: rgba(28, 24, 20, 0.62) !important; */
  color: rgb(255 255 255 / 75%) !important;
}

/* Footer always dark */
#mainFooter {
  background: var(--dark-bg) !important;
}

/* ═══════════════════════════════════════════════════════════
   HOVER EFFECTS — restored explicitly
   ═══════════════════════════════════════════════════════════ */

.work-card {
  transition:
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    background-color 0.3s ease,
    border-color 0.3s ease !important;
}

.work-card__img-wrap img {
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.work-card:hover .work-card__img-wrap img {
  transform: scale(1.06) !important;
}

.work-card__overlay {
  transition: opacity 0.4s ease !important;
}

.work-card:hover .work-card__overlay {
  opacity: 1 !important;
}

.work-card__arrow {
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.35s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.work-card:hover .work-card__arrow {
  transform: translateX(0) !important;
  opacity: 1 !important;
}

.service-card {
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.3s ease,
    background-color 0.3s ease !important;
}

.testimonial-card {
  transition:
    transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 1, 0.36, 1),
    border-color 0.3s ease,
    background-color 0.3s ease !important;
}

.project-tile__img-wrap img {
  transition: transform 0.7s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.project-tile:hover .project-tile__img-wrap img {
  transform: scale(1.04) !important;
}


.project-tile__body {
  transition: left 0.38s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.projects-grid-item:hover .project-tile__body {
  left: 0 !important;
}

.hero-cta {
  transition:
    transform 0.25s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.25s ease,
    box-shadow 0.25s ease !important;
}

.hero-cta:hover {
  transform: translateY(-2px) !important;
  filter: brightness(0.96) !important;
  box-shadow: 0 12px 32px rgba(245, 208, 0, 0.35) !important;
}

.play-btn {
  transition:
    transform 0.35s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.35s ease !important;
}

.play-btn:hover {
  transform: scale(1.12) !important;
  box-shadow: 0 0 0 20px rgba(240, 192, 0, 0.18) !important;
}

.footer-social a {
  transition:
    background 0.3s ease,
    border-color 0.3s ease,
    color 0.3s ease,
    transform 0.3s ease !important;
}

.footer-social a:hover {
  background: var(--yellow-bright) !important;
  border-color: var(--yellow-bright) !important;
  color: var(--black) !important;
  transform: scale(1.1) !important;
}

.nav-link {
  transition: color 0.25s ease !important;
}

.nav-link::after {
  transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.who-cta {
  transition: gap 0.3s ease !important;
}

.footer-links a {
  transition:
    color 0.25s ease,
    padding-left 0.25s ease !important;
}

.process-teaser-item {
  transition: background 0.3s ease !important;
}

.client-logo {
  transition: opacity 0.3s ease !important;
}

.client-logo:hover {
  opacity: 0.7 !important;
}

.btn-yellow {
  transition:
    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.25s ease,
    box-shadow 0.25s ease !important;
}

.btn-yellow:hover {
  transform: translateY(-1px) !important;
  filter: brightness(0.96) !important;
  box-shadow: 0 8px 24px rgba(240, 192, 0, 0.3) !important;
}

.btn-dark {
  transition:
    transform 0.25s ease,
    box-shadow 0.25s ease !important;
}

.btn-dark:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(13, 27, 46, 0.35) !important;
  color: var(--yellow-bright) !important;
}

.stat-box {
  transition: background 0.4s ease !important;
}

.stat-box:hover {
  background: rgba(245, 208, 0, 0.04) !important;
}

.stat-box::after {
  transition: height 0.4s ease !important;
}

.stat-box:hover::after {
  height: 3px !important;
}

#floatQuote {
  transition:
    opacity 0.3s ease,
    transform 0.3s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.3s ease !important;
}

#floatQuote:hover {
  transform: translateY(-2px) scale(1.04) !important;
}

/* ═══════════════════════════════════════════════════════════
   ABOUT PAGE — Light Mode fixes
   ═══════════════════════════════════════════════════════════ */

[data-theme="light"] #about-section {
  /* background: #0d0d0d !important; */
  background: var(--surface) !important;
}

[data-theme="dark"] #about-section {
  /* background: #0d0d0d !important; */
  background: var(--black) !important;
}

[data-theme="light"] #about-section .about-left-title {
  /* background: #0d0d0d !important; */
  color: var(--black) !important;
}

[data-theme="light"] #about-section .about-left-desc,
[data-theme="light"] #about-section .sentence-static,
[data-theme="light"] #about-section .about-card-sub,
[data-theme="light"] #about-section .about-card-title {
  /* background: #0d0d0d !important; */
  color: var(--muted) !important;
}

[data-theme="light"] .sentence-item {
  background: linear-gradient(100deg,
      var(--yellow-dark) 0%,
      #777 55%,
      var(--yellow) 100%);
  background-size: 200% 100%;
  background-clip: text;
}

[data-theme="light"] .about-divider {
  background-color: #e1e1e1 !important;
}

[data-theme="light"] #about-section .about-card {
  border-color: #cfcfcf;
}

[data-theme="light"] #about-stats {
  background: var(--surface) !important;
}

[data-theme="light"] #about-stats .stat-number {
  color: var(--black) !important;
}

[data-theme="light"] #about-stats .stat-label {
  color: rgba(0, 0, 0, 0.58) !important;
}

[data-theme="dark"] #about-stats .stat-item:nth-child(1),
[data-theme="dark"] #about-stats .stat-item:nth-child(2) {
  border-right-color: #ffffff1f;
}

[data-theme="dark"] #about-stats .stat-item:nth-child(3),
[data-theme="dark"] #about-stats .stat-item:last-child {
  border-right-color: #ffffff1f;
}

[data-theme="dark"] #about-stats .stat-number,
[data-theme="dark"] #about-stats .stat-label {
  color: var(--white) !important;
}

/* ═══════════════════════════════════════════════════════════
   CAREER PAGE — Light Mode
   ═══════════════════════════════════════════════════════════ */

[data-theme="light"] #career-intro {
  background: var(--white) !important;
}

[data-theme="light"] #career-intro .eyebrow,
[data-theme="light"] #career-intro .career-eyebrow {
  color: var(--yellow-dark) !important;
}

[data-theme="light"] #career-intro h2,
[data-theme="light"] #career-intro h3 {
  color: var(--black) !important;
}

[data-theme="light"] #career-intro p {
  color: var(--muted) !important;
}

[data-theme="light"] #career-intro .career-pill {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--black) !important;
}

[data-theme="light"] #career-intro .career-pill i {
  color: var(--yellow-dark) !important;
}

[data-theme="light"] #work-with-us {
  background: var(--surface) !important;
}

[data-theme="light"] #work-with-us h2,
[data-theme="light"] #work-with-us h3 {
  color: var(--black) !important;
}

[data-theme="light"] #work-with-us p {
  color: var(--muted) !important;
}

[data-theme="light"] #work-with-us .ww-card {
  background: var(--white) !important;
  border-color: var(--border) !important;
}

[data-theme="light"] #work-with-us .ww-card:hover {
  border-color: var(--yellow) !important;
  box-shadow: 0 20px 50px rgba(28, 24, 20, 0.1) !important;
}

[data-theme="light"] #work-with-us .ww-card h3 {
  color: var(--black) !important;
}

[data-theme="light"] #work-with-us .ww-card p {
  color: var(--muted) !important;
}

[data-theme="light"] #work-with-us .ww-email-block {
  background: var(--white) !important;
  border-color: var(--border) !important;
}

[data-theme="light"] #work-with-us .ww-email-label {
  color: var(--muted) !important;
}

[data-theme="light"] #work-with-us .ww-email-link {
  color: var(--black) !important;
}

[data-theme="light"] #work-with-us .ww-email-link:hover {
  color: var(--yellow-dark) !important;
}

[data-theme="light"] #apply-form {
  background: var(--white) !important;
}

[data-theme="light"] #apply-form h2,
[data-theme="light"] #apply-form h3 {
  color: var(--black) !important;
}

[data-theme="light"] #apply-form p {
  color: var(--muted) !important;
}

[data-theme="light"] #apply-form .form-field-label {
  color: var(--black) !important;
}

[data-theme="light"] #apply-form .career-input,
[data-theme="light"] #apply-form .career-select {
  background: rgba(28, 24, 20, 0.04) !important;
  border-color: var(--border) !important;
  color: var(--black) !important;
}

[data-theme="light"] #apply-form .career-input:focus,
[data-theme="light"] #apply-form .career-select:focus {
  border-color: var(--yellow-dark) !important;
  background: rgba(240, 192, 0, 0.03) !important;
  box-shadow: 0 0 0 3px rgba(240, 192, 0, 0.12) !important;
}

[data-theme="light"] #apply-form .career-input::placeholder {
  color: var(--muted) !important;
}

[data-theme="light"] #apply-form .upload-zone {
  background: rgba(28, 24, 20, 0.03) !important;
  border-color: var(--border) !important;
}

[data-theme="light"] #apply-form .upload-zone:hover,
[data-theme="light"] #apply-form .upload-zone.drag-over {
  border-color: var(--yellow-dark) !important;
  background: rgba(240, 192, 0, 0.04) !important;
}

[data-theme="light"] #apply-form .upload-icon {
  color: var(--muted) !important;
}

[data-theme="light"] #apply-form .upload-text {
  color: var(--black) !important;
}

[data-theme="light"] #apply-form .upload-hint {
  color: var(--muted) !important;
}

[data-theme="light"] #apply-form .form-wrapper {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}

/* ═══════════════════════════════════════════════════════════
   CAREER PAGE — Dark Mode
   ═══════════════════════════════════════════════════════════ */

[data-theme="dark"] #career-intro {
  background: #111009 !important;
}

[data-theme="dark"] #career-intro h2,
[data-theme="dark"] #career-intro h3 {
  color: var(--white) !important;
}

[data-theme="dark"] #career-intro p {
  color: rgba(255, 255, 255, 0.58) !important;
}

[data-theme="dark"] #career-intro .career-pill {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] #career-intro .career-pill i {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] #work-with-us {
  background: #1a1916 !important;
}

[data-theme="dark"] #work-with-us h2,
[data-theme="dark"] #work-with-us h3 {
  color: var(--white) !important;
}

[data-theme="dark"] #work-with-us p {
  color: rgba(255, 255, 255, 0.58) !important;
}

[data-theme="dark"] #work-with-us .ww-card {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] #work-with-us .ww-card:hover {
  border-color: var(--yellow) !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35) !important;
}

[data-theme="dark"] #work-with-us .ww-card h3 {
  color: var(--white) !important;
}

[data-theme="dark"] #work-with-us .ww-card p {
  color: rgba(255, 255, 255, 0.58) !important;
}

[data-theme="dark"] #work-with-us .ww-email-block {
  background: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] #work-with-us .ww-email-label {
  color: rgba(255, 255, 255, 0.45) !important;
}

[data-theme="dark"] #work-with-us .ww-email-link {
  color: var(--white) !important;
}

[data-theme="dark"] #work-with-us .ww-email-link:hover {
  color: var(--yellow-bright) !important;
}

[data-theme="dark"] #apply-form {
  /* background: #111009 !important; */
  background: var(--black) !important;
}

[data-theme="dark"] #apply-form h2,
[data-theme="dark"] #apply-form h3 {
  color: var(--white) !important;
}

[data-theme="dark"] #apply-form p {
  color: rgba(255, 255, 255, 0.58) !important;
}

[data-theme="dark"] #apply-form .form-field-label {
  color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] #apply-form .career-input,
[data-theme="dark"] #apply-form .career-select {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.15) !important;
  color: var(--white) !important;
}

[data-theme="dark"] #apply-form .career-input:focus,
[data-theme="dark"] #apply-form .career-select:focus {
  border-color: var(--yellow-bright) !important;
  box-shadow: 0 0 0 3px rgba(245, 208, 0, 0.15) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] #apply-form .career-input::placeholder {
  color: rgba(255, 255, 255, 0.3) !important;
}

[data-theme="dark"] #apply-form .upload-zone {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] #apply-form .upload-zone:hover,
[data-theme="dark"] #apply-form .upload-zone.drag-over {
  border-color: var(--yellow-bright) !important;
  background: rgba(245, 208, 0, 0.05) !important;
}

[data-theme="dark"] #apply-form .upload-icon {
  color: rgba(255, 255, 255, 0.35) !important;
}

[data-theme="dark"] #apply-form .upload-text {
  color: rgba(255, 255, 255, 0.75) !important;
}

[data-theme="dark"] #apply-form .upload-hint {
  color: rgba(255, 255, 255, 0.35) !important;
}

[data-theme="dark"] #apply-form .form-wrapper {
  background: rgba(255, 255, 255, 0.03) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] #apply-form .career-select option {
  background: #1a1916 !important;
  color: var(--white) !important;
}

/* ── LIGHT MODE: career-stat-card ── */
[data-theme="light"] .career-stat-card {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}

[data-theme="light"] .career-intro-right {
  background: var(--surface) !important;
}

[data-theme="light"] .career-stat-card:hover {
  border-color: var(--yellow) !important;
}

[data-theme="light"] .career-stat-num,
[data-theme="light"] .work-with-us-title {
  color: var(--black) !important;
}

[data-theme="light"] .career-stat-label,
[data-theme="light"] .work-with-us-desc {
  color: var(--muted) !important;
}

[data-theme="light"] .career-stat-card.featured .career-stat-num {
  color: var(--black) !important;
}

[data-theme="light"] .career-stat-card.featured .career-stat-label {
  color: rgba(0, 0, 0, 0.55) !important;
}

[data-theme="light"] #career-intro {
  background: var(--white) !important;
}

[data-theme="light"] .career-intro-title {
  color: var(--black) !important;
}

[data-theme="light"] .career-intro-desc,
[data-theme="light"] .work-with-us-label {
  color: var(--muted) !important;
}

/* ── LIGHT MODE OVERRIDES ── */
[data-theme="light"] #contact-main {
  background: var(--white) !important;
}

[data-theme="light"] #contact-main::before {
  background: radial-gradient(circle at 90% 0%,
      rgba(240, 192, 0, 0.12) 0%,
      transparent 55%) !important;
}

[data-theme="light"] .contact-info-title,
[data-theme="light"] .contact-form-title {
  color: var(--black) !important;
}

[data-theme="light"] .contact-info-desc {
  color: var(--muted) !important;
}

[data-theme="light"] .contact-info-desc strong {
  color: var(--yellow-dark) !important;
}

[data-theme="light"] .contact-info-label,
[data-theme="light"] .contact-social-heading {
  color: var(--muted) !important;
}

[data-theme="light"] .contact-info-val {
  color: var(--black) !important;
}

[data-theme="light"] .contact-info-icon {
  background: rgba(240, 192, 0, 0.1) !important;
  /* border-color: rgba(236, 190, 6, 0.616) !important; */
  border-color: var(--border) !important;
  color: var(--yellow-dark) !important;
  /* color: var(--muted) !important; */
}

[data-theme="light"] .contact-social-btn {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  color: var(--muted) !important;
}

[data-theme="light"] .contact-social-btn:hover {
  background: var(--yellow) !important;
  border-color: var(--yellow) !important;
  color: var(--black) !important;
}

[data-theme="light"] .contact-form-panel {
  background: var(--surface) !important;
  border-color: var(--border) !important;
}

[data-theme="light"] .contact-form-panel::before {
  background: radial-gradient(circle,
      rgba(240, 192, 0, 0.08) 0%,
      transparent 70%) !important;
}

[data-theme="light"] .contact-form-sub {
  color: var(--muted) !important;
}

[data-theme="light"] .career-input,
[data-theme="light"] .career-select {
  background: rgba(28, 24, 20, 0.04) !important;
  border-color: var(--border) !important;
  color: var(--black) !important;
}

[data-theme="light"] .career-input:focus,
[data-theme="light"] .career-select:focus {
  border-color: var(--yellow-dark) !important;
  background: rgba(240, 192, 0, 0.03) !important;
  box-shadow: 0 0 0 3px rgba(240, 192, 0, 0.12) !important;
}

[data-theme="light"] .career-input::placeholder {
  color: var(--muted) !important;
}

[data-theme="light"] .career-select option {
  background: var(--white) !important;
  color: var(--black) !important;
}

[data-theme="light"] .form-field-label {
  color: var(--black) !important;
}

[data-theme="light"] .form-note {
  color: var(--muted) !important;
}

[data-theme="light"] .contact-success-title {
  color: var(--black) !important;
}

[data-theme="light"] .contact-success-text {
  color: var(--muted) !important;
}

[data-theme="light"] .contact-success-icon {
  background: rgba(240, 192, 0, 0.12) !important;
  border-color: var(--yellow-dark) !important;
  color: var(--yellow-dark) !important;
}

[data-theme="light"] .marquee-strip-contact {
  background: var(--black) !important;
}

[data-theme="light"] .marquee-strip-contact .marquee-item {
  color: var(--white) !important;
}

[data-theme="light"] .marquee-strip-contact .marquee-sep {
  background-color: var(--white) !important;
}


[data-theme="light"] section.section-py h3,
[data-theme="light"] section.section-py p,
[data-theme="light"] section.section-py [class*="col-"] h3,
[data-theme="light"] section.section-py [class*="col-"] p {
  color: var(--white) !important;
}


/* Projects  */
[data-theme="dark"] section.section-py {
  background: #1a1916 !important;
  color: var(--white) !important;
}

/* Projects  */

/* [data-theme="light"] .project-tile__body {
  background: rgb(0 0 0 / 40%) !important;
}
[data-theme="dark"] .project-tile__body {
  background: rgba(13, 27, 46, 0.93) !important;
} */