/* ============================================================================
   ARKA — Light theme v4.0  (پالت رسمی شرکت آرکا)
   ----------------------------------------------------------------------------
   #4C7FC0 آبی اصلی · #0C3748 سرمه‌ای تیره · #D9D9D9 خاکستری روشن
   #FFFFF4 کرم روشن · #A6865F قهوه‌ای طلایی
   پس‌زمینهٔ مش‌گرادیان پاستلی با تینت آبی/طلایی، کارت‌های تینت‌دار
   (نه سفید تخت)، لهجه‌های آبی/طلایی، سایه‌های گرم سرمه‌ای.
   بهینه‌سازی عملکرد v3.1 حفظ شده:
     • backdrop-filter فقط sidebar + topbar
     • بدون background-attachment: fixed
     • بدون انیمیشن مداوم پس‌زمینه
     • سایهٔ سبک + احترام به reduced-motion
   ============================================================================ */


/* ============ 1) توکن‌های رنگی پایه ============ */
html[data-theme="light"]{
  /* --- سطوح: پاستلی رنگی، نه سفید تخت --- */
  --ink:        #FFFFF4;
  --ink-2:      rgba(255,255,244,.88);
  --ink-3:      rgba(255,255,255,.96);
  --ink-4:      rgba(76,127,192,.10);
  --gray-neutral: #D9D9D9;
  --line:       #D9D9D9;
  --line-soft:  rgba(217,217,217,.60);

  /* --- متن --- */
  --paper:      #0C3748;
  --paper-dim:  #3E5A66;
  --paper-faint:#6B7C82;

  /* --- برند — کمی زنده‌تر --- */
  --clay:       #4C7FC0;
  --clay-soft:  #7DA1D4;
  --clay-dim:   #35619A;
  --teal:       #A6865F;
  --teal-soft:  #C1A47F;
  --violet:     #4C7FC0;
  --violet-soft:#7DA1D4;
  --pink:       #C1A47F;
  --pink-soft:  #D9C4A8;
  --gold:       #BFA073;
  --red:        #C0392B;

  /* --- سایه‌های رنگی گرم --- */
  --shadow-1: 0 4px 18px -4px rgba(12,55,73,.14), 0 1px 3px rgba(12,55,73,.06);
  --shadow-2: 0 12px 32px -8px rgba(12,55,73,.20), 0 2px 6px rgba(12,55,73,.08);

  /* --- گلو --- */
  --glow-clay:   rgba(76,127,192,.32);
  --glow-teal:   rgba(166,134,94,.26);
  --glow-violet: rgba(76,127,192,.30);
  --glow-gold:   rgba(191,160,115,.24);
  --glow-pink:   rgba(193,164,127,.22);

  /* --- شیشه سبک --- */
  --glass-blur: blur(14px) saturate(160%);
}

/* پس‌زمینهٔ مش‌گرادیان زنده — بدون fixed */
html[data-theme="light"] body{
  background:
    radial-gradient(ellipse 900px 600px at 92% -8%, rgba(76,127,192,.22), transparent 58%),
    radial-gradient(ellipse 800px 580px at -6% 18%, rgba(166,134,95,.14), transparent 55%),
    radial-gradient(ellipse 900px 650px at 48% 105%, rgba(217,217,217,.22), transparent 52%),
    radial-gradient(ellipse 600px 420px at 70% 35%, rgba(76,127,192,.08), transparent 60%),
    radial-gradient(ellipse 500px 400px at 20% 70%, rgba(125,161,212,.10), transparent 55%),
    linear-gradient(165deg, #FFFFF4 0%, #EBF2FA 40%, #FAF5EB 100%);
}


/* ============ 2) پس‌زمینه‌ی تزئینی ============ */
html[data-theme="light"] .bg-grid{ opacity:.22; }

html[data-theme="light"] .bg-blueprint{
  background:
    radial-gradient(circle at 88% -5%, rgba(76,127,192,.18), transparent 48%),
    radial-gradient(circle at 5% 50%, rgba(166,134,95,.12), transparent 52%),
    radial-gradient(circle at 55% 100%, rgba(217,217,217,.16), transparent 48%);
}


/* ============ 3) سایدبار و منو ============ */
html[data-theme="light"] .sidebar{
  background: linear-gradient(175deg,
    rgba(255,255,255,.90) 0%,
    rgba(235,242,250,.86) 50%,
    rgba(250,247,240,.84) 100%);
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border-left-color: var(--line);
  box-shadow: 1px 0 0 rgba(12,55,73,.04), var(--shadow-1);
}

html[data-theme="light"] .brand{ border-bottom-color: var(--line-soft); }
html[data-theme="light"] .brand-mark{
  box-shadow: 0 6px 16px -4px var(--glow-clay), 0 0 0 1px rgba(255,255,255,.55) inset;
}
html[data-theme="light"] .brand-sub{ color: var(--paper-faint); }

html[data-theme="light"] .nav-group-label{ color: var(--paper-faint); }
html[data-theme="light"] .nav-item,
html[data-theme="light"] .nav-link{ color: var(--paper-dim); }

html[data-theme="light"] .nav-item:hover,
html[data-theme="light"] .nav-link:hover{
  background: linear-gradient(90deg, rgba(76,127,192,.08), rgba(217,217,217,.08));
  color: var(--paper);
}

html[data-theme="light"] .nav-item.active{
  background: linear-gradient(90deg, rgba(76,127,192,.16), rgba(76,127,192,.06));
  color: var(--clay-dim);
  font-weight: 600;
}
html[data-theme="light"] .nav-item.active::before{
  background: linear-gradient(180deg, var(--violet-soft), var(--violet));
  box-shadow: 0 0 10px var(--glow-violet);
}

html[data-theme="light"] .nav-sublink.active{ color: var(--clay-dim); font-weight: 600; }
html[data-theme="light"] .nav-sublink.active .dot{
  background: var(--violet);
  box-shadow: 0 0 0 3px var(--glow-violet);
}

html[data-theme="light"] .avatar{
  background: linear-gradient(145deg, var(--teal-soft), var(--teal));
  box-shadow: 0 4px 12px -3px var(--glow-teal);
  color: #FBFBFF;
}

html[data-theme="light"] .icon-btn{
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(235,242,250,.90));
  border-color: var(--line);
  box-shadow: var(--shadow-1);
  color: var(--paper-dim);
}
html[data-theme="light"] .icon-btn:hover{
  background: linear-gradient(145deg, #fff, rgba(235,242,250,.98));
  border-color: var(--violet-soft);
  color: var(--violet);
  transform: translateY(-1px);
  box-shadow: 0 6px 16px -4px var(--glow-violet);
}

html[data-theme="light"] .ping{
  background: var(--clay);
  box-shadow: 0 0 0 2px rgba(255,255,255,.85), 0 0 0 5px var(--glow-clay);
}
@media (prefers-reduced-motion: no-preference){
  html[data-theme="light"] .ping{
    animation: pingPulse 2.2s ease-in-out infinite;
  }
}
@keyframes pingPulse{
  0%, 100% { box-shadow: 0 0 0 2px rgba(255,255,255,.85), 0 0 0 5px var(--glow-clay); }
  50%      { box-shadow: 0 0 0 2px rgba(255,255,255,.85), 0 0 0 8px rgba(76,127,192,.14); }
}


/* ============ 4) Topbar + جست‌وجو ============ */
html[data-theme="light"] .topbar{
  background: linear-gradient(180deg, rgba(255,255,255,.82), rgba(237,242,248,.78));
  backdrop-filter: var(--glass-blur);
  -webkit-backdrop-filter: var(--glass-blur);
  border-bottom-color: var(--line);
  box-shadow: 0 1px 0 rgba(12,55,73,.05), 0 4px 20px -8px rgba(12,55,73,.08);
}
html[data-theme="light"] .topbar-title p{ color: var(--paper-dim); }

html[data-theme="light"] .search-box{
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(237,242,248,.90));
  border-color: var(--line);
  box-shadow: var(--shadow-1);
  color: var(--paper);
  transition: border-color .2s ease, box-shadow .2s ease;
}
html[data-theme="light"] .search-box input::placeholder{ color: var(--paper-faint); }
html[data-theme="light"] .search-box:hover{ border-color: var(--violet-soft); }
html[data-theme="light"] .search-box:focus-within{
  border-color: var(--violet);
  box-shadow: 0 0 0 3px var(--glow-violet), var(--shadow-1);
}

html[data-theme="light"] .search-box kbd{
  background: rgba(76,127,192,.08);
  border-color: var(--line);
  color: var(--paper-dim);
}

html[data-theme="light"] .divider-v{ background: var(--line); }


/* ============ 5) دکمه‌ها ============ */
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-submit-order,
html[data-theme="light"] .btn-add-item{
  background: linear-gradient(135deg, #7DA1D4 0%, var(--violet) 50%, #35619A 100%);
  color: #FDFCFF;
  box-shadow: 0 8px 20px -6px var(--glow-violet), 0 1px 0 rgba(255,255,255,.25) inset;
  border: none;
  position: relative;
  overflow: hidden;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
html[data-theme="light"] .btn-primary::after,
html[data-theme="light"] .btn-submit-order::after,
html[data-theme="light"] .btn-add-item::after{
  content:'';
  position:absolute; inset:0;
  background: linear-gradient(115deg, transparent 18%, rgba(255,255,255,.38) 45%, transparent 68%);
  transform: translateX(-120%);
  transition: transform .5s ease;
}
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-submit-order:hover,
html[data-theme="light"] .btn-add-item:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 28px -6px var(--glow-violet), 0 1px 0 rgba(255,255,255,.3) inset;
  filter: brightness(1.05);
}
html[data-theme="light"] .btn-primary:hover::after,
html[data-theme="light"] .btn-submit-order:hover::after,
html[data-theme="light"] .btn-add-item:hover::after{
  transform: translateX(120%);
}
html[data-theme="light"] .btn-primary:active,
html[data-theme="light"] .btn-submit-order:active,
html[data-theme="light"] .btn-add-item:active{
  transform: translateY(0);
  filter: brightness(.97);
}

html[data-theme="light"] .btn-desc-toggle{
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(235,242,250,.90));
  border: 1px solid var(--line);
  color: var(--paper-dim);
  transition: all .18s ease;
}
html[data-theme="light"] .btn-desc-toggle:hover{
  background: linear-gradient(145deg, #fff, rgba(235,242,250,.98));
  border-color: var(--violet-soft);
  color: var(--violet);
  transform: translateY(-1px);
}

html[data-theme="light"] .seg{ color: var(--paper-faint); }
html[data-theme="light"] .seg.active{
  background: linear-gradient(145deg, rgba(255,255,255,.98), rgba(235,242,250,.95));
  color: var(--clay-dim);
  box-shadow: var(--shadow-1);
  font-weight: 600;
}
html[data-theme="light"] .seg-control{
  background: rgba(76,127,192,.08);
}

html[data-theme="light"] .row-btn:hover{ background: rgba(76,127,192,.06); color: var(--clay-dim); }

html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .order-input{
  background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(237,242,248,.92));
  color: var(--paper);
  border-color: var(--line);
  transition: border-color .18s ease, box-shadow .18s ease;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{ color: var(--paper-faint); }
html[data-theme="light"] input:focus,
html[data-theme="light"] select:focus,
html[data-theme="light"] textarea:focus,
html[data-theme="light"] .order-input:focus{
  border-color: var(--violet-soft) !important;
  box-shadow: 0 0 0 3px var(--glow-violet);
}


/* ============ 6) کارت‌های KPI — هر کدام ته‌رنگ متفاوت ============ */
html[data-theme="light"] .kpi-card{
  background: linear-gradient(160deg, rgba(255,255,255,.94) 0%, rgba(237,242,248,.90) 100%);
  border-color: var(--line);
  box-shadow: var(--shadow-1);
  color: var(--paper);
  transition: transform .2s ease, box-shadow .2s ease;
}
html[data-theme="light"] .kpi-card::before{
  content:'';
  position:absolute; inset:0 0 auto 0; height:3px;
  background: linear-gradient(90deg, var(--violet-soft), var(--violet));
  opacity:.95;
}
html[data-theme="light"] .kpi-card.kpi-clay{
  background: linear-gradient(160deg, rgba(76,127,192,.12) 0%, rgba(255,253,246,.94) 50%, rgba(255,255,255,.92) 100%);
  border-color: rgba(76,127,192,.28);
}
html[data-theme="light"] .kpi-card.kpi-clay::before{
  background: linear-gradient(90deg, var(--clay-soft), var(--clay));
}
html[data-theme="light"] .kpi-card.kpi-teal{
  background: linear-gradient(160deg, rgba(166,134,95,.12) 0%, rgba(250,246,240,.94) 50%, rgba(255,255,255,.92) 100%);
  border-color: rgba(166,134,95,.28);
}
html[data-theme="light"] .kpi-card.kpi-teal::before{
  background: linear-gradient(90deg, #C1A47F, var(--teal));
}
html[data-theme="light"] .kpi-card.kpi-violet{
  background: linear-gradient(160deg, rgba(12,55,73,.10) 0%, rgba(237,242,248,.94) 50%, rgba(255,255,255,.92) 100%);
  border-color: rgba(12,55,73,.24);
}
html[data-theme="light"] .kpi-card.kpi-violet::before{
  background: linear-gradient(90deg, var(--paper-dim), var(--paper));
}
html[data-theme="light"] .kpi-card.kpi-pink{
  background: linear-gradient(160deg, rgba(217,217,217,.35) 0%, rgba(250,250,248,.94) 50%, rgba(255,255,255,.92) 100%);
  border-color: rgba(12,55,73,.16);
}
html[data-theme="light"] .kpi-card.kpi-pink::before{
  background: linear-gradient(90deg, #D9D9D9, #B9B9B9);
}

html[data-theme="light"] .kpi-card:hover{
  transform: translateY(-3px);
  box-shadow: var(--shadow-2);
}
html[data-theme="light"] .kpi-label{ color: var(--paper-dim); }
html[data-theme="light"] .kpi-value{ color: var(--paper); }
html[data-theme="light"] .kpi-ic{ color: var(--violet); opacity:.9; }
html[data-theme="light"] .kpi-card.kpi-clay .kpi-ic{ color: var(--clay-dim); }
html[data-theme="light"] .kpi-card.kpi-teal .kpi-ic{ color: var(--teal); }
html[data-theme="light"] .kpi-card.kpi-pink .kpi-ic{ color: var(--paper-dim); }
html[data-theme="light"] .kpi-foot.up{ color: var(--teal); }
html[data-theme="light"] .kpi-foot.down{ color: var(--red); }


/* ============ 7) پنل‌ها / جدول‌ها / بج‌ها / Timeline ============ */
html[data-theme="light"] .panel,
html[data-theme="light"] .order-card{
  background: linear-gradient(165deg, rgba(255,255,255,.95) 0%, rgba(237,242,248,.91) 100%);
  border-color: var(--line);
  box-shadow: var(--shadow-1);
  color: var(--paper);
  transition: box-shadow .2s ease, border-color .2s ease;
}
html[data-theme="light"] .panel:hover,
html[data-theme="light"] .order-card:hover{
  box-shadow: var(--shadow-2);
  border-color: rgba(76,127,192,.28);
}
html[data-theme="light"] .panel-head p{ color: var(--paper-dim); }

html[data-theme="light"] .data-table th{ color: var(--paper-faint); }
html[data-theme="light"] .data-table td{ border-bottom-color: var(--line-soft); color: var(--paper); }
html[data-theme="light"] .data-table tbody tr{ transition: background .15s ease; }
html[data-theme="light"] .data-table tbody tr:hover{
  background: linear-gradient(90deg, rgba(76,127,192,.07), rgba(166,134,95,.05));
}

html[data-theme="light"] .mini-avatar{
  background: linear-gradient(145deg, rgba(76,127,192,.12), rgba(166,134,95,.14));
  border-color: var(--line);
  color: var(--paper-dim);
}

html[data-theme="light"] .tag{ font-weight: 700; }
html[data-theme="light"] .tag-official{ background: rgba(166,134,95,.16); color: var(--teal); }
html[data-theme="light"] .tag-unofficial{ background: rgba(217,217,217,.35); color: var(--paper-dim); }
html[data-theme="light"] .tag-draft{ background: rgba(76,127,192,.10); color: var(--paper-dim); }

html[data-theme="light"] .status::before{ box-shadow: 0 0 0 3px transparent; transition: box-shadow .3s ease; }
@media (prefers-reduced-motion: no-preference){
  html[data-theme="light"] .status-pending::before{
    animation: statusPulseGray 1.8s ease-in-out infinite;
  }
  html[data-theme="light"] .status-overdue::before{
    animation: statusPulseRed 1.8s ease-in-out infinite;
  }
}
@keyframes statusPulseGray{
  0%, 100% { box-shadow: 0 0 0 0 rgba(12,55,73,.18); }
  50%      { box-shadow: 0 0 0 4px rgba(12,55,73,0); }
}
@keyframes statusPulseRed{
  0%, 100% { box-shadow: 0 0 0 0 rgba(192,57,43,.35); }
  50%      { box-shadow: 0 0 0 4px rgba(192,57,43,0); }
}

html[data-theme="light"] .qa-item{
  background: linear-gradient(145deg, rgba(255,255,255,.95), rgba(237,242,248,.90));
  border-color: var(--line);
  box-shadow: var(--shadow-1);
  color: var(--paper);
}
html[data-theme="light"] .qa-item:hover{
  border-color: var(--violet-soft);
  box-shadow: 0 8px 24px -6px var(--glow-violet);
  color: var(--violet);
  background: linear-gradient(145deg, #fff, rgba(235,242,250,.98));
}

html[data-theme="light"] .bar-track{ background: rgba(76,127,192,.08); }
html[data-theme="light"] .bar-fill{
  background: linear-gradient(90deg, var(--clay-soft), var(--clay));
}
html[data-theme="light"] .product-name{ color: var(--paper); }
html[data-theme="light"] .product-pct{ color: var(--paper-dim); }
html[data-theme="light"] .product-rank{ color: var(--paper-faint); }

html[data-theme="light"] .timeline li:not(:last-child)::before{ background: var(--line); }
html[data-theme="light"] .tl-paid{
  background: var(--teal-soft);
  box-shadow: 0 0 0 3px rgba(166,134,95,.18);
}
html[data-theme="light"] .tl-warn{
  background: var(--red);
  box-shadow: 0 0 0 3px rgba(192,57,43,.16);
}
html[data-theme="light"] .tl-draft{ background: var(--paper-faint); }
html[data-theme="light"] .timeline p{ color: var(--paper-dim); }
html[data-theme="light"] .timeline p b{ color: var(--paper); }
html[data-theme="light"] .tl-time{ color: var(--paper-faint); }


/* ============ 8) صفحه‌ی «ثبت سفارش» ============ */
html[data-theme="light"] .acc-person-card{
  background: linear-gradient(155deg, rgba(255,255,255,.95) 0%, rgba(250,245,235,.90) 100%);
  border-color: var(--line);
  box-shadow: var(--shadow-1);
  color: var(--paper);
}
html[data-theme="light"] .acc-person-card:hover{
  border-color: rgba(76,127,192,.35);
  background: linear-gradient(155deg, rgba(255,255,248,.98), rgba(247,250,253,.94));
  box-shadow: var(--shadow-2);
}
html[data-theme="light"] .acc-person-card.selected{
  border-color: var(--teal-soft);
  background: linear-gradient(155deg, rgba(166,134,95,.12), rgba(250,245,235,.95));
}
@media (prefers-reduced-motion: no-preference){
  html[data-theme="light"] .acc-person-card.selected{
    animation: selectPulse .45s ease;
  }
}
@keyframes selectPulse{
  0%   { box-shadow: 0 0 0 0 rgba(166,134,95,.35); }
  100% { box-shadow: 0 0 0 10px rgba(166,134,95,0); }
}
html[data-theme="light"] .acc-card-name::before{ background: var(--teal-soft); }
html[data-theme="light"] .acc-pill-credit{ background: rgba(166,134,95,.14); color: var(--teal); }
html[data-theme="light"] .acc-pill-balance{ background: rgba(12,55,73,.10); color: var(--paper-dim); }

html[data-theme="light"] .no-modal-overlay{
  background: rgba(12,55,73,.40);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
html[data-theme="light"] .no-modal-box{
  background: linear-gradient(165deg, rgba(255,255,255,.96), rgba(237,242,248,.94));
  box-shadow: var(--shadow-2), 0 0 0 1px rgba(76,127,192,.08);
  color: var(--paper);
}


/* ============ 9) اسکرول‌بار / انتخاب متن / فوکوس ============ */
html[data-theme="light"] ::-webkit-scrollbar-thumb{
  background: linear-gradient(180deg, var(--violet-soft), rgba(76,127,192,.45));
  border-radius: 8px;
}
html[data-theme="light"] ::-webkit-scrollbar-thumb:hover{
  background: linear-gradient(180deg, var(--violet), var(--violet-soft));
}
html[data-theme="light"] ::-webkit-scrollbar-track{ background: rgba(76,127,192,.06); }

html[data-theme="light"] ::selection{ background: var(--violet); color: #FDFCFF; }

html[data-theme="light"] a:focus-visible,
html[data-theme="light"] button:focus-visible,
html[data-theme="light"] input:focus-visible{
  outline-color: var(--violet);
  outline-offset: 2px;
  transition: outline-color .15s ease;
}


/* ============ 10) انیمیشن‌های ورود ============ */
@keyframes lightFadeUp{
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: no-preference){
  html[data-theme="light"] .kpi-row .kpi-card,
  html[data-theme="light"] .grid-2 .panel,
  html[data-theme="light"] .col-main > .panel,
  html[data-theme="light"] .col-side > .panel{
    animation: lightFadeUp .45s ease-out both;
  }
  html[data-theme="light"] .kpi-row .kpi-card:nth-child(1){ animation-delay: .02s; }
  html[data-theme="light"] .kpi-row .kpi-card:nth-child(2){ animation-delay: .06s; }
  html[data-theme="light"] .kpi-row .kpi-card:nth-child(3){ animation-delay: .10s; }
  html[data-theme="light"] .kpi-row .kpi-card:nth-child(4){ animation-delay: .14s; }
}


/* ============ 11) دکمه‌ی تعویض تم ============ */
.theme-toggle{ overflow:hidden; }
.theme-toggle .ic-moon,
.theme-toggle .ic-sun{
  position:absolute; inset:0;
  display:flex; align-items:center; justify-content:center;
  transition:opacity .3s ease, transform .4s cubic-bezier(.34,1.4,.64,1);
}
.theme-toggle .ic-moon svg,
.theme-toggle .ic-sun svg{ width:17px; height:17px; }

.theme-toggle .ic-moon{ opacity:1; transform:rotate(0deg) scale(1); color:var(--teal-soft); }
.theme-toggle .ic-sun{ opacity:0; transform:rotate(-80deg) scale(.4); color:var(--clay); pointer-events:none; }

html[data-theme="light"] .theme-toggle .ic-moon{ opacity:0; transform:rotate(80deg) scale(.4); pointer-events:none; }
html[data-theme="light"] .theme-toggle .ic-sun{ opacity:1; transform:rotate(0deg) scale(1); pointer-events:auto; color:var(--clay); }


/* ============ 12) شبکه‌ی ایمنی خوانایی ============ */
html[data-theme="light"]{ color-scheme: light; }
html[data-theme="light"] body{ color: var(--paper); }

html[data-theme="light"] .panel,
html[data-theme="light"] .order-card,
html[data-theme="light"] .kpi-card,
html[data-theme="light"] .qa-item,
html[data-theme="light"] .data-table,
html[data-theme="light"] .no-modal-box,
html[data-theme="light"] .customer-form{
  color: var(--paper);
}
html[data-theme="light"] .panel h1, html[data-theme="light"] .panel h2, html[data-theme="light"] .panel h3,
html[data-theme="light"] .order-card h1, html[data-theme="light"] .order-card h2, html[data-theme="light"] .order-card h3,
html[data-theme="light"] .no-modal-box h1, html[data-theme="light"] .no-modal-box h2, html[data-theme="light"] .no-modal-box h3{
  color: var(--paper);
}


/* ============ 13) prefers-reduced-motion ============ */
@media (prefers-reduced-motion: reduce){
  html[data-theme="light"] *,
  html[data-theme="light"] *::before,
  html[data-theme="light"] *::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}