/* Example project 2 palette, loaded only by login and administration pages.
   Keep this after site-polish.css so the drive palette cannot flatten it. */
html:root{
  --text:#0f172a;
  --muted:#64748b;
  --border:rgba(15,23,42,.12);
  --shadow:0 12px 34px rgba(2,6,23,.10);
  --shadow-sm:0 6px 16px rgba(2,6,23,.08);
  --ring:0 0 0 4px rgba(37,99,235,.18);
  --interaction-rgb:37,99,235;
  --primary:#2563eb;
  --primary-2:#1d4ed8;
  --action-bg:#2563eb;
  --action-hover:#1d4ed8;
  --on-primary:#ffffff;
  --page-bg:#f1f5f9;
  --body-gradient:
    radial-gradient(1200px 600px at 20% -10%, rgba(37,99,235,.18), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(14,165,233,.14), transparent 55%),
    radial-gradient(900px 600px at 70% 110%, rgba(16,185,129,.10), transparent 60%),
    linear-gradient(180deg, #f8fafc 0%, #eef2ff 55%, #f1f5f9 100%);
  --adaptive-hover-bg:rgba(239,246,255,.78);
  --adaptive-tab-active-bg:rgba(37,99,235,.1);
  --adaptive-tab-active-text:#1d4ed8;
}
html[data-theme="dark"]{
  --text:#e5e7eb;
  --muted:#94a3b8;
  --border:rgba(148,163,184,.22);
  --shadow:0 18px 42px rgba(0,0,0,.42);
  --shadow-sm:0 10px 24px rgba(0,0,0,.32);
  --ring:0 0 0 4px rgba(96,165,250,.22);
  --interaction-rgb:96,165,250;
  --primary:#60a5fa;
  --primary-2:#3b82f6;
  --page-bg:#020617;
  --body-gradient:
    radial-gradient(1200px 600px at 20% -10%, rgba(37,99,235,.20), transparent 60%),
    radial-gradient(900px 500px at 90% 0%, rgba(14,165,233,.14), transparent 55%),
    radial-gradient(900px 600px at 70% 110%, rgba(16,185,129,.08), transparent 60%),
    linear-gradient(180deg, #020617 0%, #0f172a 58%, #020617 100%);
  --adaptive-hover-bg:rgba(30,64,175,.28);
  --adaptive-tab-active-bg:rgba(37,99,235,.22);
  --adaptive-tab-active-text:#bfdbfe;
}
@media(prefers-color-scheme:dark){
  html[data-theme="system"]{
    --text:#e5e7eb;
    --muted:#94a3b8;
    --border:rgba(148,163,184,.22);
    --shadow:0 18px 42px rgba(0,0,0,.42);
    --shadow-sm:0 10px 24px rgba(0,0,0,.32);
    --ring:0 0 0 4px rgba(96,165,250,.22);
    --interaction-rgb:96,165,250;
    --primary:#60a5fa;
    --primary-2:#3b82f6;
    --page-bg:#020617;
    --body-gradient:
      radial-gradient(1200px 600px at 20% -10%, rgba(37,99,235,.20), transparent 60%),
      radial-gradient(900px 500px at 90% 0%, rgba(14,165,233,.14), transparent 55%),
      radial-gradient(900px 600px at 70% 110%, rgba(16,185,129,.08), transparent 60%),
      linear-gradient(180deg, #020617 0%, #0f172a 58%, #020617 100%);
    --adaptive-hover-bg:rgba(30,64,175,.28);
    --adaptive-tab-active-bg:rgba(37,99,235,.22);
    --adaptive-tab-active-text:#bfdbfe;
  }
}
.card{box-shadow:var(--shadow)}
.btn-primary{
  background:linear-gradient(180deg,var(--action-bg),var(--action-hover));
  border-color:var(--action-bg);
  color:var(--on-primary);
  box-shadow:0 8px 18px rgba(2,6,23,.06);
}
.btn-primary:hover{
  background:linear-gradient(180deg,#1d4ed8 0%,#1e40af 100%);
  border-color:rgba(29,78,216,.9);
  box-shadow:0 14px 26px rgba(2,6,23,.10);
}
.btn-flat.btn-primary:hover{
  background:linear-gradient(180deg,#2563eb 0%,#1d4ed8 100%);
  border-color:rgba(37,99,235,.85);
}
.btn-primary:disabled,.btn-primary[disabled],.btn-flat.btn-primary,.btn-plain.btn-primary{box-shadow:none}
html .admin-body .admin-sidebar{
  background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(248,250,252,.94) 100%);
  color:#0f172a;
  border-right-color:rgba(15,23,42,.08);
}
html .admin-body .admin-sidebar .muted{color:rgba(100,116,139,.9)}
html .admin-body .admin-sidebar .menu a{color:#0f172a}
html .admin-body .admin-sidebar .menu a.active,
html .admin-body .admin-sidebar .menu a:hover{
  background:rgba(37,99,235,.08);
  border-color:rgba(37,99,235,.26);
  color:#1d4ed8;
}
.admin-body .admin-page-head{
  background:linear-gradient(120deg,rgba(37,99,235,.08) 0%,rgba(14,165,233,.08) 52%,rgba(16,185,129,.08) 100%);
  border-color:rgba(37,99,235,.14);
}