/* ==========================================================================
   Homepage layer — Ivory Manuscript
   Daylight counterpart to Contemporary Manuscript.
   Paint/material overrides only; geometry remains owned by the shared CSS.
   ========================================================================== */

:root[data-theme="light"] {
  --bg: #f4efe6;
  --bg-2: #eee6d9;
  --surface: #faf7f0;
  --surface-1: #faf7f0;
  --surface-2: #f5eee2;
  --card: #fcf9f2;
  --crimson: #76212e;
  --crimson-action: #8b2b39;
  --crimson-soft: #f2e2e2;
  --gold: #a9823a;
  --gold-light: #c1a05e;
  --gold-soft: #eee3cc;
  --ink: #211b17;
  --text: #211b17;
  --muted: #6f6258;
  --line: rgba(91, 68, 42, .15);
  --line-strong: rgba(151, 112, 52, .38);
  --gold-text: #795d28;
}

/* ===== Quiet daylight atmosphere ===== */
:root[data-theme="light"] body {
  color: var(--text);
  background:
    linear-gradient(180deg, #f7f2e9 0%, #f3ede3 52%, #eee5d7 100%);
}

:root[data-theme="light"] body::before {
  background:
    radial-gradient(880px 580px at 88% -8%, rgba(169, 130, 58, .13), transparent 64%),
    radial-gradient(760px 560px at 5% 18%, rgba(118, 33, 46, .065), transparent 68%),
    radial-gradient(820px 660px at 48% 105%, rgba(144, 107, 57, .075), transparent 66%),
    repeating-linear-gradient(
      116deg,
      rgba(76, 55, 34, .012) 0,
      rgba(76, 55, 34, .012) 1px,
      transparent 1px,
      transparent 8px
    );
  opacity: .96;
  animation: ivory-manuscript-drift 30s ease-in-out infinite alternate;
}

:root[data-theme="light"] body::after {
  opacity: .04;
  mix-blend-mode: multiply;
}

:root[data-theme="light"] .hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background:
    linear-gradient(45deg, transparent 49.15%, rgba(126, 91, 44, .065) 49.45%, rgba(126, 91, 44, .065) 50.25%, transparent 50.55%),
    linear-gradient(-45deg, transparent 49.15%, rgba(118, 33, 46, .045) 49.45%, rgba(118, 33, 46, .045) 50.25%, transparent 50.55%);
  background-size: 78px 78px;
  mask-image: radial-gradient(ellipse at 48% 43%, #000 0%, transparent 72%);
  -webkit-mask-image: radial-gradient(ellipse at 48% 43%, #000 0%, transparent 72%);
  opacity: .42;
}

@keyframes ivory-manuscript-drift {
  from { transform: translate3d(-5px, 3px, 0) scale(1.005); }
  to { transform: translate3d(6px, -4px, 0) scale(1.012); }
}

/* ===== Navigation: ivory glass and ink ===== */
:root[data-theme="light"] .nav {
  background: rgba(248, 244, 236, .9);
  border-bottom-color: rgba(91, 68, 42, .16);
  box-shadow: 0 10px 28px rgba(66, 47, 28, .055);
}

:root[data-theme="light"] .nav-links a {
  color: #5f5148;
}

:root[data-theme="light"] .nav-links a:hover,
:root[data-theme="light"] .nav-links a.active {
  color: var(--crimson);
}

:root[data-theme="light"] .nav-links a.active::after {
  background: linear-gradient(90deg, transparent, var(--crimson), var(--gold), transparent);
}

:root[data-theme="light"] .nav-theme-btn,
:root[data-theme="light"] .lang-switch {
  color: var(--gold-text);
  background: rgba(252, 249, 242, .76);
  border-color: rgba(151, 112, 52, .31);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

:root[data-theme="light"] .nav-theme-btn:hover {
  color: var(--crimson);
  background: #fbf7ef;
  border-color: rgba(118, 33, 46, .28);
}

:root[data-theme="light"] .lang-switch button.active {
  color: #fff8ec;
  background: linear-gradient(145deg, #8b2b39, #6f1c28);
  box-shadow:
    0 8px 18px rgba(89, 24, 34, .18),
    inset 0 1px 0 rgba(255, 255, 255, .12);
}

:root[data-theme="light"] .nav-submenu {
  color: var(--text);
  background: rgba(250, 247, 240, .97);
  border-color: var(--line);
  box-shadow: 0 22px 52px rgba(65, 46, 28, .14);
}

:root[data-theme="light"] .nav-submenu a:hover {
  color: var(--crimson);
  background: rgba(118, 33, 46, .055);
}

/* ===== Hero typography and restrained controls ===== */
:root[data-theme="light"] .hero h1 {
  color: var(--ink);
  text-shadow: 0 1px 0 rgba(255, 255, 255, .6);
}

:root[data-theme="light"] .hero h1 .accent {
  color: var(--crimson);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}

:root[data-theme="light"] .section-head h2 {
  color: var(--ink);
}

:root[data-theme="light"] .section-head h2 .accent {
  color: var(--gold-text);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}

:root[data-theme="light"] .hero p.lead,
:root[data-theme="light"] .section-head p {
  color: var(--muted);
}

:root[data-theme="light"] .eyebrow {
  color: var(--crimson);
  background:
    linear-gradient(180deg, rgba(255, 253, 248, .9), rgba(244, 236, 222, .82));
  border-color: rgba(151, 112, 52, .34);
  box-shadow:
    0 8px 20px rgba(71, 49, 27, .07),
    inset 0 1px 0 rgba(255, 255, 255, .9);
}

:root[data-theme="light"] .eyebrow .dot {
  background: var(--gold);
  box-shadow: 0 0 0 4px rgba(169, 130, 58, .1);
}

:root[data-theme="light"] .hero-chip {
  color: #4f443c;
  background: rgba(252, 249, 242, .72);
  border-color: rgba(91, 68, 42, .16);
  box-shadow:
    0 6px 16px rgba(71, 49, 27, .045),
    inset 0 1px 0 rgba(255, 255, 255, .78);
}

:root[data-theme="light"] .hero-chip i {
  color: var(--crimson);
}

:root[data-theme="light"] .hero-chip:hover {
  color: var(--ink);
  background: #fcf9f2;
  border-color: rgba(118, 33, 46, .25);
  box-shadow: 0 10px 22px rgba(71, 49, 27, .08);
}

:root[data-theme="light"] .btn-gold {
  color: #fff8ec;
  background: linear-gradient(145deg, #8d2b3a, #701d29);
  border-color: rgba(93, 22, 33, .45);
  box-shadow:
    0 14px 30px rgba(91, 25, 35, .22),
    inset 0 1px 0 rgba(255, 255, 255, .14);
}

:root[data-theme="light"] .btn-gold:hover {
  background: linear-gradient(145deg, #982f3f, #77212e);
  box-shadow:
    0 18px 38px rgba(91, 25, 35, .28),
    inset 0 1px 0 rgba(255, 255, 255, .16);
}

:root[data-theme="light"] .btn-ghost {
  color: var(--ink);
  background: rgba(252, 249, 242, .8);
  border-color: rgba(151, 112, 52, .4);
  box-shadow:
    0 8px 20px rgba(71, 49, 27, .055),
    inset 0 1px 0 rgba(255, 255, 255, .84);
}

:root[data-theme="light"] .btn-ghost:hover {
  color: var(--crimson);
  background: #fcf9f2;
  border-color: rgba(118, 33, 46, .3);
}

/* ===== Testimonial stack: daylight parchment ===== */
:root[data-theme="light"] .testimonial-stack {
  filter: drop-shadow(0 30px 42px rgba(67, 45, 25, .19));
}

:root[data-theme="light"] .testimonial-stack:focus-visible {
  outline: none;
  box-shadow: none;
}

:root[data-theme="light"] .testimonial-stack::before {
  content: "";
  position: absolute;
  inset: -14% -18%;
  z-index: -1;
  pointer-events: none;
  background:
    linear-gradient(45deg, transparent 48.8%, rgba(151, 112, 52, .12) 49.2%, rgba(151, 112, 52, .12) 50.2%, transparent 50.6%),
    linear-gradient(-45deg, transparent 48.8%, rgba(118, 33, 46, .075) 49.2%, rgba(118, 33, 46, .075) 50.2%, transparent 50.6%);
  background-size: 64px 64px;
  mask-image: radial-gradient(circle, #000 12%, transparent 70%);
  -webkit-mask-image: radial-gradient(circle, #000 12%, transparent 70%);
  opacity: .46;
  animation: ivory-paper-halo 14s ease-in-out infinite alternate;
}

:root[data-theme="light"] .testimonial-stack::after {
  content: "";
  position: absolute;
  left: -31px;
  bottom: -23px;
  z-index: 6;
  width: 88px;
  height: 86px;
  pointer-events: none;
  background: url("https://Coursestudents.b-cdn.net/Website/Assets/Illustrators/Signaturee.webp") center / contain no-repeat;
  filter:
    drop-shadow(0 13px 18px rgba(70, 35, 24, .25))
    saturate(.88)
    contrast(1.02);
  opacity: .96;
  transform: rotate(-7deg);
}

@keyframes ivory-paper-halo {
  from { transform: translate3d(-6px, 4px, 0) rotate(-.4deg); opacity: .32; }
  to { transform: translate3d(5px, -3px, 0) rotate(.4deg); opacity: .5; }
}

:root[data-theme="light"] .t-card,
:root[data-theme="light"] .t-card.t-audio-card {
  color: #392f26;
  background:
    radial-gradient(circle at 18% 16%, rgba(105, 77, 40, .075) 0 1px, transparent 1.5px),
    radial-gradient(circle at 78% 68%, rgba(105, 77, 40, .05) 0 1px, transparent 1.5px),
    repeating-linear-gradient(2deg, rgba(87, 62, 31, .016) 0 1px, transparent 1px 5px),
    linear-gradient(145deg, #fdf8eb 0%, #f4ead6 50%, #e9dcc2 100%);
  background-size: 19px 21px, 27px 23px, auto, auto;
  border-color: rgba(128, 92, 44, .34);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .72),
    inset -12px -8px 22px rgba(91, 65, 29, .045);
  filter:
    drop-shadow(7px 12px 9px rgba(65, 42, 20, .15))
    drop-shadow(0 24px 30px rgba(69, 45, 24, .14));
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform-origin: 50% 56%;
  transition:
    transform .44s cubic-bezier(.22, 1, .36, 1),
    filter .44s ease,
    background .44s ease;
  clip-path: polygon(
    1.5% 1.2%, 9% .4%, 17% 1%, 26% .2%, 36% 1.1%, 47% .35%, 60% .9%, 72% .25%, 83% 1%, 96% .35%, 99.2% 3%,
    98.7% 14%, 99.4% 28%, 98.8% 42%, 99.5% 58%, 98.8% 73%, 99.3% 88%, 97.8% 98.7%,
    87% 99.4%, 75% 98.8%, 62% 99.5%, 49% 98.9%, 37% 99.5%, 23% 98.8%, 9% 99.4%, 1.2% 97.2%,
    .7% 84%, 1.3% 69%, .6% 53%, 1.2% 39%, .55% 24%, 1.1% 10%
  );
}

:root[data-theme="light"] .t-card.t-front {
  filter:
    drop-shadow(9px 13px 8px rgba(74, 48, 23, .18))
    drop-shadow(0 28px 34px rgba(69, 45, 24, .16));
}

:root[data-theme="light"] .testimonial-stack:focus-visible .t-card.t-front {
  filter:
    drop-shadow(0 0 2px rgba(169, 130, 58, .8))
    drop-shadow(9px 13px 8px rgba(74, 48, 23, .18))
    drop-shadow(0 28px 34px rgba(69, 45, 24, .16));
}

:root[data-theme="light"] .t-card.t-middle {
  transform: translate(30px, -10px) rotate(1.7deg) scale(.984);
  background:
    radial-gradient(circle at 21% 18%, rgba(99, 74, 37, .08) 0 1px, transparent 1.5px),
    repeating-linear-gradient(1deg, rgba(83, 62, 31, .018) 0 1px, transparent 1px 5px),
    linear-gradient(145deg, #f2e7d2 0%, #e2d1b2 100%);
  background-size: 19px 21px, auto, auto;
  border-color: rgba(118, 83, 39, .4);
}

:root[data-theme="light"] .t-card.t-back {
  transform: translate(58px, 14px) rotate(7.2deg) scale(.965);
  background:
    radial-gradient(circle at 19% 17%, rgba(91, 65, 31, .09) 0 1px, transparent 1.5px),
    repeating-linear-gradient(2deg, rgba(75, 52, 25, .021) 0 1px, transparent 1px 5px),
    linear-gradient(145deg, #eadcc3 0%, #d7c09b 100%);
  background-size: 19px 21px, auto, auto;
  border-color: rgba(104, 71, 32, .44);
}

@media (hover: hover) and (pointer: fine) {
  :root[data-theme="light"] .testimonial-stack:hover .t-card.t-front,
  :root[data-theme="light"] .testimonial-stack:focus-visible .t-card.t-front {
    transform: translate(-4px, 4px) rotate(-6deg);
    border-color: rgba(169, 130, 58, .55);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, .9),
      0 12px 32px rgba(91, 65, 29, .15);
    filter:
      drop-shadow(10px 16px 10px rgba(65, 42, 20, .2))
      drop-shadow(0 30px 38px rgba(69, 45, 24, .18));
  }

  :root[data-theme="light"] .testimonial-stack:hover .t-card.t-middle,
  :root[data-theme="light"] .testimonial-stack:focus-visible .t-card.t-middle {
    transform: translate(35px, -15px) rotate(2.2deg) scale(.982);
    border-color: rgba(151, 112, 52, .5);
    filter:
      drop-shadow(8px 14px 10px rgba(65, 42, 20, .18))
      drop-shadow(0 24px 30px rgba(69, 45, 24, .15));
  }

  :root[data-theme="light"] .testimonial-stack:hover .t-card.t-back,
  :root[data-theme="light"] .testimonial-stack:focus-visible .t-card.t-back {
    transform: translate(65px, 18px) rotate(7.8deg) scale(.96);
    border-color: rgba(128, 92, 44, .52);
    filter:
      drop-shadow(6px 14px 11px rgba(65, 42, 20, .16))
      drop-shadow(0 24px 32px rgba(69, 45, 24, .16));
  }
}

:root[data-theme="light"] .t-card::before {
  background: linear-gradient(90deg, transparent, rgba(128, 92, 44, .5), transparent);
  opacity: .54;
}

:root[data-theme="light"] .t-audio-media {
  background: transparent;
}

:root[data-theme="light"] .t-audio-media::after {
  background: linear-gradient(90deg, transparent, rgba(128, 92, 44, .26), transparent);
}

:root[data-theme="light"] .t-audio-kicker {
  color: #574531;
  background: rgba(255, 253, 247, .48);
  border-color: rgba(128, 92, 44, .34);
  box-shadow: none;
  backdrop-filter: none;
}

:root[data-theme="light"] .t-audio-kicker i {
  color: var(--crimson);
}

:root[data-theme="light"] .t-audio-play {
  color: #fff5e5;
  background:
    radial-gradient(circle at 35% 28%, rgba(255, 255, 255, .17), transparent 26%),
    linear-gradient(145deg, #912c3c, #681824);
  border-color: rgba(151, 112, 52, .68);
  box-shadow:
    0 0 0 6px rgba(151, 112, 52, .1),
    0 14px 28px rgba(80, 39, 29, .2),
    inset 0 1px 0 rgba(255, 255, 255, .13);
}

:root[data-theme="light"] .t-audio-wave span {
  background: rgba(73, 57, 40, .42);
}

:root[data-theme="light"] .t-audio-card.is-playing .t-audio-wave span {
  background: linear-gradient(180deg, #a33343, #8d6b31);
}

:root[data-theme="light"] .t-audio-progress {
  color: rgba(57, 47, 38, .7);
}

:root[data-theme="light"] .t-audio-bar {
  background: rgba(57, 47, 38, .16);
}

:root[data-theme="light"] .t-audio-bar > i {
  background: linear-gradient(90deg, var(--crimson), var(--gold));
}

:root[data-theme="light"] .t-audio-copy {
  color: #3d3025;
  background: rgba(255, 253, 248, .22);
  border-color: rgba(128, 92, 44, .24);
}

:root[data-theme="light"] .t-audio-copy strong,
:root[data-theme="light"] .t-author strong {
  color: var(--crimson);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}

:root[data-theme="light"] .t-audio-copy span,
:root[data-theme="light"] .t-author span {
  color: rgba(57, 47, 38, .64);
}

:root[data-theme="light"] .t-quote {
  color: var(--crimson);
  background: rgba(118, 33, 46, .055);
  border-color: rgba(118, 33, 46, .14);
}

:root[data-theme="light"] .t-text {
  color: rgba(57, 47, 38, .82);
}

@media (hover: hover) and (pointer: fine) {
  :root[data-theme="light"] .testimonial-stack:hover .t-card.t-front,
  :root[data-theme="light"] .testimonial-stack:focus-visible .t-card.t-front {
    transform: translate(-4px, 4px) rotate(-6deg);
  }

  :root[data-theme="light"] .testimonial-stack:hover .t-card.t-middle,
  :root[data-theme="light"] .testimonial-stack:focus-visible .t-card.t-middle {
    transform: translate(35px, -15px) rotate(2.2deg) scale(.982);
  }

  :root[data-theme="light"] .testimonial-stack:hover .t-card.t-back,
  :root[data-theme="light"] .testimonial-stack:focus-visible .t-card.t-back {
    transform: translate(65px, 18px) rotate(7.8deg) scale(.96);
  }
}

/* ===== Section materials ===== */
:root[data-theme="light"] .stats-inner {
  background:
    linear-gradient(112deg, rgba(118, 33, 46, .052), transparent 38%),
    linear-gradient(180deg, rgba(252, 249, 242, .96), rgba(237, 227, 210, .96));
  border-color: rgba(151, 112, 52, .3);
  box-shadow:
    0 24px 58px rgba(68, 47, 27, .11),
    inset 0 1px 0 rgba(255, 255, 255, .78);
}

:root[data-theme="light"] .stats-inner::before {
  background: linear-gradient(90deg, transparent, var(--crimson), var(--gold), transparent);
  opacity: .72;
}

:root[data-theme="light"] .stats-inner .stat {
  background: rgba(255, 253, 248, .28);
  border: 0;
  box-shadow: inset 0 0 0 1px rgba(91, 68, 42, .08);
}

:root[data-theme="light"] .stat-num,
:root[data-theme="light"] .trusted-stat,
:root[data-theme="light"] .trusted-stat .stat-num {
  color: var(--crimson);
  background: none;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  -webkit-text-fill-color: currentColor;
}

:root[data-theme="light"] .stat-label {
  color: var(--muted);
}

:root[data-theme="light"] .stat-icon {
  color: var(--gold-text);
  background: rgba(255, 253, 248, .45);
  border-color: rgba(151, 112, 52, .3);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72);
}

:root[data-theme="light"] .sp-card,
:root[data-theme="light"] .sp-sub,
:root[data-theme="light"] .svc-chip-3d,
:root[data-theme="light"] .tv-card {
  background:
    radial-gradient(circle at 12% 14%, rgba(105, 77, 40, .045) 0 1px, transparent 1.5px),
    linear-gradient(180deg, rgba(253, 250, 244, .96), rgba(243, 235, 222, .94));
  background-size: 23px 25px, auto;
  border-color: rgba(91, 68, 42, .15);
  box-shadow:
    0 12px 30px rgba(68, 47, 27, .07),
    inset 0 1px 0 rgba(255, 255, 255, .78);
}

:root[data-theme="light"] .sp-card::before {
  background: linear-gradient(90deg, transparent, var(--crimson), var(--gold), transparent);
  opacity: .68;
}

:root[data-theme="light"] .sp-card:hover,
:root[data-theme="light"] .sp-card.is-open,
:root[data-theme="light"] .sp-sub:hover,
:root[data-theme="light"] .svc-chip-3d:hover,
:root[data-theme="light"] .tv-card:hover,
:root[data-theme="light"] .tv-card:focus-visible {
  border-color: rgba(151, 112, 52, .46);
  box-shadow:
    0 22px 48px rgba(68, 47, 27, .12),
    inset 0 1px 0 rgba(255, 255, 255, .82);
}

:root[data-theme="light"] .sp-card.is-open .sp-card-header {
  background: linear-gradient(135deg, rgba(118, 33, 46, .045), transparent 62%);
}

:root[data-theme="light"] .sp-card-text h3,
:root[data-theme="light"] .sp-sub h4,
:root[data-theme="light"] .tv-meta h3 {
  color: var(--ink);
}

:root[data-theme="light"] .sp-card-text p,
:root[data-theme="light"] .sp-sub p {
  color: var(--muted);
}

:root[data-theme="light"] .sp-icon {
  color: #fff7e9;
  background: linear-gradient(145deg, #8b2b39, #6d1b27);
  border-color: rgba(151, 112, 52, .34);
  box-shadow:
    0 12px 24px rgba(84, 29, 35, .16),
    inset 0 1px 0 rgba(255, 255, 255, .12);
}

:root[data-theme="light"] .sp-chevron {
  color: var(--gold-text);
}

:root[data-theme="light"] .svc-btn--gold {
  color: #fff8ec;
  background: linear-gradient(145deg, #8b2b39, #6d1b27);
  border-color: rgba(93, 22, 33, .4);
  box-shadow: 0 10px 22px rgba(84, 29, 35, .17);
}

:root[data-theme="light"] .svc-btn--crimson {
  color: var(--ink);
  background: linear-gradient(180deg, #fdfaf3, #ece0cb);
  border-color: rgba(151, 112, 52, .38);
  box-shadow: 0 10px 22px rgba(68, 47, 27, .08);
}

/* ===== Premium Curriculum System Cards (Light Theme) ===== */
:root[data-theme="light"] .sys-card {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #ffffff 0%, #fcfbf7 100%) !important;
  border: 1px solid rgba(185, 142, 60, 0.22) !important;
  border-radius: 22px !important;
  padding: 38px 26px !important;
  box-shadow: 0 12px 32px rgba(68, 47, 27, 0.05), 0 2px 6px rgba(0, 0, 0, 0.02) !important;
  transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease, border-color 0.3s ease !important;
}

:root[data-theme="light"] .sys-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #8a2a38, #d4a017, #8a2a38);
  border-radius: 22px 22px 0 0;
  opacity: 0;
  transition: opacity 0.3s ease;
}

:root[data-theme="light"] .sys-card--active:hover {
  transform: translateY(-8px) !important;
  border-color: rgba(138, 42, 56, 0.45) !important;
  box-shadow: 0 22px 48px rgba(138, 42, 56, 0.13), 0 6px 18px rgba(170, 138, 75, 0.1) !important;
}

:root[data-theme="light"] .sys-card--active:hover::before {
  opacity: 1;
}

:root[data-theme="light"] .sys-icon {
  width: 68px !important;
  height: 68px !important;
  border-radius: 20px !important;
  background: linear-gradient(145deg, #8a2a38 0%, #631520 100%) !important;
  border: 1px solid rgba(212, 160, 23, 0.3) !important;
  color: #fff8ed !important;
  font-size: 26px !important;
  margin: 0 auto 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-shadow: 0 10px 24px rgba(138, 42, 56, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.35s ease !important;
}

:root[data-theme="light"] .sys-card--active:hover .sys-icon {
  transform: scale(1.08) !important;
  box-shadow: 0 14px 28px rgba(138, 42, 56, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.3) !important;
}

:root[data-theme="light"] .sys-card h3 {
  font-size: 21px !important;
  font-weight: 800 !important;
  color: #1e1b18 !important;
  margin: 0 0 6px !important;
}

:root[data-theme="light"] .sys-card p {
  font-size: 13.5px !important;
  font-weight: 600 !important;
  color: #736559 !important;
  margin: 0 0 22px !important;
}

:root[data-theme="light"] .sys-status--live {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
  padding: 8px 22px !important;
  border-radius: 99px !important;
  background: linear-gradient(135deg, rgba(138, 42, 56, 0.08), rgba(170, 138, 75, 0.12)) !important;
  color: #8a2a38 !important;
  border: 1px solid rgba(138, 42, 56, 0.22) !important;
  transition: all 0.28s ease !important;
}

:root[data-theme="light"] .sys-status--live i {
  font-size: 11px !important;
  transition: transform 0.25s ease !important;
}

:root[data-theme="light"] .sys-card--active:hover .sys-status--live {
  background: linear-gradient(135deg, #8a2a38, #6d1b27) !important;
  color: #fff8ed !important;
  border-color: transparent !important;
  box-shadow: 0 6px 16px rgba(138, 42, 56, 0.28) !important;
}

:root[data-theme="light"] .sys-card--active:hover .sys-status--live i {
  transform: translateX(-4px) !important;
}

:root[data-theme="light"] .tv-play {
  color: #fff8ec;
  background: linear-gradient(145deg, #8b2b39, #681824);
  border-color: rgba(151, 112, 52, .38);
  box-shadow: 0 12px 28px rgba(61, 31, 26, .24);
}

:root[data-theme="light"] .tv-views,
:root[data-theme="light"] .tv-ribbon {
  color: #fff8ec;
  background: rgba(45, 34, 27, .9);
  border-color: rgba(193, 160, 94, .36);
  box-shadow: 0 10px 22px rgba(43, 29, 18, .22);
}

:root[data-theme="light"] .tv-cta {
  color: var(--crimson);
}

:root[data-theme="light"] footer {
  background:
    linear-gradient(180deg, transparent, rgba(224, 211, 190, .72)),
    repeating-linear-gradient(2deg, rgba(83, 62, 31, .016) 0 1px, transparent 1px 6px);
  border-top-color: rgba(91, 68, 42, .16);
}

:root[data-theme="light"] .foot-col h4 {
  color: var(--crimson);
}

:root[data-theme="light"] .foot-col a,
:root[data-theme="light"] .foot-about p {
  color: var(--muted);
}

:root[data-theme="light"] .foot-col a:hover,
:root[data-theme="light"] .dev-brand {
  color: var(--crimson);
}

:root[data-theme="light"] .socials a {
  color: var(--crimson);
  background: rgba(252, 249, 242, .58);
  border-color: rgba(91, 68, 42, .16);
}

:root[data-theme="light"] .socials a:hover {
  color: #fff8ec;
  background: var(--crimson);
  border-color: var(--crimson);
}

/* ===== Welcome/auth material parity ===== */
:root[data-theme="light"] .welcome-overlay {
  background: rgba(38, 28, 21, .34);
}

:root[data-theme="light"] .welcome-dialog,
:root[data-theme="light"] .auth-modal {
  color: var(--text);
  background:
    radial-gradient(circle at 14% 10%, rgba(105, 77, 40, .05) 0 1px, transparent 1.5px),
    linear-gradient(160deg, #fcf9f2, #eee3d2);
  background-size: 23px 25px, auto;
  border-color: rgba(151, 112, 52, .32);
  box-shadow: 0 30px 72px rgba(48, 33, 20, .2);
}

:root[data-theme="light"] .auth-field input,
:root[data-theme="light"] .auth-field select,
:root[data-theme="light"] .auth-field textarea {
  color: var(--text);
  background: rgba(255, 253, 248, .76);
  border-color: rgba(91, 68, 42, .2);
}

:root[data-theme="light"] .auth-field input:focus,
:root[data-theme="light"] .auth-field select:focus,
:root[data-theme="light"] .auth-field textarea:focus {
  border-color: rgba(118, 33, 46, .46);
  box-shadow: 0 0 0 3px rgba(118, 33, 46, .09);
}

@media (max-width: 768px) {
  :root[data-theme="light"] .t-card.t-middle {
    transform: translate(20px, -8px) rotate(1.4deg) scale(.985);
  }

  :root[data-theme="light"] .t-card.t-back {
    transform: translate(40px, 9px) rotate(6.8deg) scale(.965);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root[data-theme="light"] body::before,
  :root[data-theme="light"] .testimonial-stack::before {
    animation: none;
  }
}