/* =====================================================================
   U0C — Light theme (pine + mint)
   Activated by <html data-theme="light">
   ===================================================================== */

html[data-theme="light"]{
  --void:#F4F8F6;
  --ink:#FFFFFF;
  --ink-2:#EAF2EE;
  --panel:rgba(16,32,26,.03);
  --panel-2:rgba(16,32,26,.055);
  --line:rgba(16,32,26,.10);
  --line-2:rgba(16,32,26,.18);
  --text:#101B16;
  --muted:rgba(16,32,26,.62);
  --muted-2:rgba(16,32,26,.42);
  --lime:#047857;
  --lime-dim:rgba(5,150,105,.10);
  --nile:#D97706;
  --teal:#0891B2;
  --amber:#B45309;
  --ok:#047857;
  --rose:#BE123C;
  --blue:#1D4ED8;
  /* neutralize the admin-injected dark-theme vars (Theme.php :root block) */
  --surface:#FFFFFF;
  --nav-bg:#F4F8F6;
  --footer-bg:#FFFFFF;
  --hero-from:#34D399;
  --glow:rgba(5,150,105,.26);
}

/* base */
html[data-theme="light"] body{background:var(--void);color:var(--text)}
html[data-theme="light"] body::before{
  background:
    radial-gradient(900px 500px at 85% -10%, rgba(16,185,129,.16), transparent 60%),
    radial-gradient(700px 500px at 5% 100%, rgba(52,211,153,.10), transparent 60%);
}
html[data-theme="light"] .uc-grid{
  background-image:
    linear-gradient(to right, rgba(16,32,26,.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(16,32,26,.035) 1px, transparent 1px);
}
html[data-theme="light"] .uc-grain{opacity:.03}
html[data-theme="light"] #u0c-canvas{opacity:.55}

/* surfaces */
html[data-theme="light"] .card,
html[data-theme="light"] .stat,
html[data-theme="light"] .chart-card,
html[data-theme="light"] .auth-card,
html[data-theme="light"] .table-wrap,
html[data-theme="light"] .app-side,
html[data-theme="light"] .uc-marquee{
  background:#fff;
  border-color:var(--line);
  box-shadow:0 1px 2px rgba(16,32,26,.04), 0 18px 40px -30px rgba(16,32,26,.18);
}
html[data-theme="light"] .auth-card{box-shadow:0 30px 80px -50px rgba(16,32,26,.35)}

html[data-theme="light"] .site-header.scrolled{
  border-bottom-color:var(--line);
}
html[data-theme="light"] .mobile-menu{background:#fff;border-color:var(--line)}

/* forms */
html[data-theme="light"] .field input,
html[data-theme="light"] .field select,
html[data-theme="light"] .field textarea,
html[data-theme="light"] .signup input{
  background:#fff;
  border-color:var(--line-2);
  color:var(--text);
}
html[data-theme="light"] .field input:focus,
html[data-theme="light"] .field select:focus,
html[data-theme="light"] .field textarea:focus{
  border-color:var(--lime);
  background:#fff;
  box-shadow:0 0 0 4px rgba(5,150,105,.10);
}
html[data-theme="light"] select option{background:#fff;color:var(--text)}

/* tables */
html[data-theme="light"] .table th{background:#EEF3F0;border-bottom-color:var(--line)}
html[data-theme="light"] .table td{border-bottom-color:rgba(16,32,26,.07)}
html[data-theme="light"] .table tbody tr:hover td{background:rgba(5,150,105,.05)}

/* buttons */
html[data-theme="light"] .btn-primary{color:#fff;background:var(--lime)}
html[data-theme="light"] .btn-primary:hover{background:#047857}
html[data-theme="light"] .btn-ghost{border-color:var(--line-2);background:rgba(16,32,26,.02)}
html[data-theme="light"] .btn-ghost:hover{background:rgba(5,150,105,.08);border-color:rgba(5,150,105,.35)}

/* side nav */
html[data-theme="light"] .side-nav a{color:var(--muted)}
html[data-theme="light"] .side-nav a:hover{background:rgba(16,32,26,.04);color:var(--text)}
html[data-theme="light"] .side-nav a.active{
  background:rgba(5,150,105,.10);
  border-color:rgba(5,150,105,.25);
  color:#047857;
}

/* hero + chips */
html[data-theme="light"] .uc-hero{background:linear-gradient(180deg,rgba(16,185,129,.12),transparent 70%)}
html[data-theme="light"] .uc-chip{
  background:rgba(255,255,255,.9);
  border-color:var(--line-2);
  box-shadow:0 12px 30px -22px rgba(16,32,26,.5);
}
html[data-theme="light"] .uc-orb{
  background:radial-gradient(circle at 50% 45%, rgba(16,185,129,.22), transparent 62%);
  border-color:rgba(5,150,105,.25);
  box-shadow:inset 0 0 80px rgba(16,185,129,.14), 0 0 90px -24px rgba(5,150,105,.35);
}
html[data-theme="light"] .uc-title .grad{
  background:linear-gradient(100deg,#065F46,#06B6D4 40%,#047857 72%,#06B6D4);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
html[data-theme="light"] .uc-badge{background:rgba(5,150,105,.08);border-color:rgba(5,150,105,.28)}
html[data-theme="light"] .uc-marquee span{color:rgba(16,32,26,.45)}

/* misc */
html[data-theme="light"] .progress-ring .track{stroke:rgba(16,32,26,.10)}
html[data-theme="light"] .bar{background:rgba(16,32,26,.10)}
html[data-theme="light"] .empty{border-color:var(--line-2);color:var(--muted)}
html[data-theme="light"] .flash-success{background:#F0FDF4;color:#14532D;border-color:#34D399}
html[data-theme="light"] .flash-error{background:#FEF2F2;color:#7F1D1D;border-color:#FCA5A5}
html[data-theme="light"] .flash-info{background:#EFF6FF;color:#1E3A8A;border-color:#93C5FD}

html[data-theme="light"] .uc-tilt:hover{border-color:rgba(5,150,105,.35)}
html[data-theme="light"] .track::after{opacity:0}
html[data-theme="light"] .cert-sheet{box-shadow:0 30px 80px -50px rgba(16,32,26,.4)}

/* ------------------------------------------------------- the switch */
.theme-switch{
  position:relative;display:inline-flex;align-items:center;justify-content:center;
  width:56px;height:30px;border-radius:999px;cursor:pointer;
  border:1px solid var(--line-2);
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
  transition:background .3s var(--ease,ease),border-color .3s;
  flex:0 0 auto;padding:0;
}
.theme-switch__knob{
  position:absolute;top:50%;inset-inline-start:3px;
  width:22px;height:22px;border-radius:50%;
  transform:translateY(-50%);
  background:linear-gradient(160deg,#A7F3D0,#34D399);
  box-shadow:0 2px 8px rgba(0,0,0,.35);
  transition:inset-inline-start .35s var(--ease,ease),background .3s;
  display:grid;place-items:center;color:#06231A;font-size:11px;
}
html[dir="rtl"] .theme-switch__knob{inset-inline-start:3px}
html[data-theme="light"] .theme-switch{background:rgba(16,32,26,.06);border-color:rgba(16,32,26,.18)}
html[data-theme="light"] .theme-switch__knob{
  inset-inline-start:calc(100% - 25px);
  background:linear-gradient(160deg,#A7F3D0,#34D399);
}
.theme-switch:hover{border-color:var(--lime)}
.theme-switch:focus-visible{outline:2px solid var(--lime);outline-offset:3px}