/* Shared design tokens for every PLS INSTANT page (public + admin).
   Defined once here so the pages can't drift apart. Dark mode is a token
   swap only - no layout rules change. */
:root{
  --blue:#2563eb; --blue-hover:#1d4ed8; --blue-50:#eff6ff; --blue-100:#dbeafe;
  --ink:#0f172a; --body:#475569; --muted:#64748b;
  --line:#e6ebf2; --band:#f7f9fc; --card:#ffffff; --page:#ffffff;
  --green:#16a34a; --green-50:#f0fdf4;
  --red:#dc2626; --red-50:#fef2f2; --amber:#d97706; --amber-50:#fffbeb;
  --shadow-card:0 1px 2px rgba(15,23,42,.04),0 8px 24px rgba(15,23,42,.06);
  --shadow-float:0 4px 12px rgba(15,23,42,.06),0 18px 44px rgba(15,23,42,.12);
  --nav-bg:rgba(255,255,255,.88);
  --ease:cubic-bezier(.16,1,.3,1);
  color-scheme: light;
}
[data-theme="dark"]{
  --blue:#3b82f6; --blue-hover:#60a5fa; --blue-50:rgba(59,130,246,.13); --blue-100:rgba(59,130,246,.26);
  --ink:#f1f5f9; --body:#cbd5e1; --muted:#94a3b8;
  --line:#1f2a3d; --band:#0d1420; --card:#121a29; --page:#0b1018;
  --green:#4ade80; --green-50:rgba(74,222,128,.12);
  --red:#f87171; --red-50:rgba(248,113,113,.12); --amber:#fbbf24; --amber-50:rgba(251,191,36,.12);
  --shadow-card:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35);
  --shadow-float:0 4px 12px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.45);
  --nav-bg:rgba(11,16,24,.85);
  color-scheme: dark;
}

/* theme toggle button - shared across pages */
.theme-btn{
  display:inline-grid;place-items:center;
  width:38px;height:38px;flex-shrink:0;
  border:1px solid var(--line);border-radius:10px;
  background:var(--card);color:var(--muted);cursor:pointer;
  transition:color .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease);
}
.theme-btn:hover{color:var(--ink);border-color:var(--blue)}
.theme-btn .sun{display:none}
.theme-btn .moon{display:block}
[data-theme="dark"] .theme-btn .sun{display:block}
[data-theme="dark"] .theme-btn .moon{display:none}