/* Tracer Alumni theme system v1.3.0 */
.theme-academic-blue{
  --primary:#155eef;--primary-dark:#0b46bd;--ink:#14213d;--muted:#667085;--line:#e7eaf0;--soft:#f5f7fb;
  --theme-page:#f7f9fc;--theme-surface:#ffffff;--theme-nav:rgba(255,255,255,.95);
  --theme-hero-start:#071d4f;--theme-hero-mid:#0c3184;--theme-hero-end:#155eef;--theme-glow:rgba(65,125,255,.28);
  --theme-sidebar:#0b1933;--theme-sidebar-active:#152a4c;--theme-sidebar-text:#aebbd2;--theme-footer:#08162f;
  --theme-accent:#9dbaff;--theme-highlight:#eef4ff;--theme-radius:16px;
}
.theme-emerald-campus{
  --primary:#0f8a5f;--primary-dark:#086b49;--ink:#14352b;--muted:#5d746c;--line:#dcebe5;--soft:#f0f9f5;
  --theme-page:#f5fbf8;--theme-surface:#ffffff;--theme-nav:rgba(250,255,252,.95);
  --theme-hero-start:#043f31;--theme-hero-mid:#087052;--theme-hero-end:#0f9f70;--theme-glow:rgba(110,231,183,.26);
  --theme-sidebar:#073b2e;--theme-sidebar-active:#0d5a44;--theme-sidebar-text:#b8d9cd;--theme-footer:#052f25;
  --theme-accent:#6ee7b7;--theme-highlight:#e9fbf3;--theme-radius:18px;
}
.theme-royal-purple{
  --primary:#7c3aed;--primary-dark:#6422cf;--ink:#2e1b47;--muted:#73647f;--line:#e9def3;--soft:#faf5ff;
  --theme-page:#fcf9ff;--theme-surface:#ffffff;--theme-nav:rgba(255,252,255,.96);
  --theme-hero-start:#2e0751;--theme-hero-mid:#54208a;--theme-hero-end:#8b5cf6;--theme-glow:rgba(196,181,253,.28);
  --theme-sidebar:#2b1147;--theme-sidebar-active:#4b2474;--theme-sidebar-text:#d1bde3;--theme-footer:#230d3a;
  --theme-accent:#c4b5fd;--theme-highlight:#f5edff;--theme-radius:20px;
}
.theme-crimson-modern{
  --primary:#dc2626;--primary-dark:#b91c1c;--ink:#3f1d1d;--muted:#7c6262;--line:#f0dddd;--soft:#fff7f7;
  --theme-page:#fffafa;--theme-surface:#ffffff;--theme-nav:rgba(255,253,253,.96);
  --theme-hero-start:#5f1010;--theme-hero-mid:#991b1b;--theme-hero-end:#dc2626;--theme-glow:rgba(252,165,165,.25);
  --theme-sidebar:#441313;--theme-sidebar-active:#702020;--theme-sidebar-text:#e6bebe;--theme-footer:#350d0d;
  --theme-accent:#fca5a5;--theme-highlight:#fff0f0;--theme-radius:10px;
}
.theme-amber-executive{
  --primary:#d97706;--primary-dark:#b45309;--ink:#3a2a16;--muted:#796a56;--line:#eee3d2;--soft:#fffbeb;
  --theme-page:#fffcf5;--theme-surface:#ffffff;--theme-nav:rgba(255,253,248,.96);
  --theme-hero-start:#4b2604;--theme-hero-mid:#8c4b08;--theme-hero-end:#d97706;--theme-glow:rgba(252,211,77,.26);
  --theme-sidebar:#3d260d;--theme-sidebar-active:#654318;--theme-sidebar-text:#e0caa5;--theme-footer:#302009;
  --theme-accent:#fcd34d;--theme-highlight:#fff7d6;--theme-radius:12px;
}
.theme-teal-ocean{
  --primary:#0f766e;--primary-dark:#0b5f59;--ink:#153b3a;--muted:#607a78;--line:#d9e9e7;--soft:#f0fdfa;
  --theme-page:#f6fcfb;--theme-surface:#ffffff;--theme-nav:rgba(251,255,254,.96);
  --theme-hero-start:#073f3c;--theme-hero-mid:#0c625d;--theme-hero-end:#14a39a;--theme-glow:rgba(94,234,212,.27);
  --theme-sidebar:#083d3a;--theme-sidebar-active:#0f5d58;--theme-sidebar-text:#b5d9d5;--theme-footer:#06312f;
  --theme-accent:#5eead4;--theme-highlight:#e7fbf8;--theme-radius:22px;
}
.theme-navy-gold{
  --primary:#1e3a8a;--primary-dark:#172e70;--ink:#172033;--muted:#667085;--line:#e1e5ec;--soft:#f8fafc;
  --theme-page:#f6f8fc;--theme-surface:#ffffff;--theme-nav:rgba(255,255,255,.96);
  --theme-hero-start:#090f20;--theme-hero-mid:#152754;--theme-hero-end:#1e3a8a;--theme-glow:rgba(245,158,11,.24);
  --theme-sidebar:#0f172a;--theme-sidebar-active:#24365d;--theme-sidebar-text:#b9c2d3;--theme-footer:#0b1221;
  --theme-accent:#f59e0b;--theme-highlight:#fff7e3;--theme-radius:14px;
}
.theme-rose-alumni{
  --primary:#db2777;--primary-dark:#b51e61;--ink:#451c31;--muted:#806578;--line:#f0dce6;--soft:#fdf2f8;
  --theme-page:#fff9fc;--theme-surface:#ffffff;--theme-nav:rgba(255,252,254,.96);
  --theme-hero-start:#5f1238;--theme-hero-mid:#9d1c59;--theme-hero-end:#db2777;--theme-glow:rgba(249,168,212,.27);
  --theme-sidebar:#48132f;--theme-sidebar-active:#75204b;--theme-sidebar-text:#e3bed1;--theme-footer:#380e25;
  --theme-accent:#f9a8d4;--theme-highlight:#fff0f7;--theme-radius:24px;
}
.theme-slate-professional{
  --primary:#475569;--primary-dark:#334155;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;
  --theme-page:#f4f6f8;--theme-surface:#ffffff;--theme-nav:rgba(255,255,255,.96);
  --theme-hero-start:#111827;--theme-hero-mid:#263447;--theme-hero-end:#526176;--theme-glow:rgba(148,163,184,.24);
  --theme-sidebar:#17202e;--theme-sidebar-active:#2b394d;--theme-sidebar-text:#bdc6d3;--theme-footer:#111827;
  --theme-accent:#94a3b8;--theme-highlight:#eef2f6;--theme-radius:8px;
}
.theme-cyan-digital{
  --primary:#0891b2;--primary-dark:#0e7490;--ink:#123541;--muted:#5d7780;--line:#d8eaee;--soft:#ecfeff;
  --theme-page:#f4fdff;--theme-surface:#ffffff;--theme-nav:rgba(251,255,255,.96);
  --theme-hero-start:#083344;--theme-hero-mid:#155e75;--theme-hero-end:#06b6d4;--theme-glow:rgba(103,232,249,.28);
  --theme-sidebar:#0b3542;--theme-sidebar-active:#125366;--theme-sidebar-text:#b8dce5;--theme-footer:#082b36;
  --theme-accent:#67e8f9;--theme-highlight:#e6fbff;--theme-radius:16px;
}
.theme-indigo-night{
  --primary:#4f46e5;--primary-dark:#3730a3;--ink:#25234a;--muted:#6b6988;--line:#e2e0f2;--soft:#eef2ff;
  --theme-page:#f7f7ff;--theme-surface:#ffffff;--theme-nav:rgba(253,253,255,.96);
  --theme-hero-start:#151238;--theme-hero-mid:#292563;--theme-hero-end:#4f46e5;--theme-glow:rgba(165,180,252,.27);
  --theme-sidebar:#171533;--theme-sidebar-active:#302d61;--theme-sidebar-text:#c6c4df;--theme-footer:#121029;
  --theme-accent:#a5b4fc;--theme-highlight:#eeefff;--theme-radius:18px;
}
.theme-green-nusantara{
  --primary:#15803d;--primary-dark:#116a33;--ink:#173d25;--muted:#607769;--line:#dbe9df;--soft:#f0fdf4;
  --theme-page:#f6fbf7;--theme-surface:#ffffff;--theme-nav:rgba(252,255,252,.96);
  --theme-hero-start:#103b20;--theme-hero-mid:#176334;--theme-hero-end:#22944b;--theme-glow:rgba(134,239,172,.25);
  --theme-sidebar:#12351f;--theme-sidebar-active:#205533;--theme-sidebar-text:#bed8c6;--theme-footer:#0d2b18;
  --theme-accent:#86efac;--theme-highlight:#eaf9ee;--theme-radius:14px;
}
.theme-custom{
  --primary:var(--custom-primary,#155eef);--primary-dark:var(--custom-primary,#155eef);--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;
  --theme-page:#f7f9fc;--theme-surface:#ffffff;--theme-nav:rgba(255,255,255,.96);
  --theme-hero-start:#0f172a;--theme-hero-mid:#1e293b;--theme-hero-end:var(--custom-primary,#155eef);--theme-glow:rgba(203,213,225,.25);
  --theme-sidebar:#0f172a;--theme-sidebar-active:#273449;--theme-sidebar-text:#bdc7d5;--theme-footer:#0b1220;
  --theme-accent:#cbd5e1;--theme-highlight:#f1f5f9;--theme-radius:16px;
}

body[class*="theme-"]{background:var(--theme-page);color:var(--ink)}
body[class*="theme-"] .public-nav{background:var(--theme-nav);border-color:var(--line)}
body[class*="theme-"] .hero{background:radial-gradient(circle at 72% 25%,var(--theme-glow),transparent 34%),linear-gradient(135deg,var(--theme-hero-start) 0%,var(--theme-hero-mid) 55%,var(--theme-hero-end) 100%)}
body[class*="theme-"] .hero .eyebrow{color:var(--theme-accent)}
body[class*="theme-"] .mini-chart i{background:linear-gradient(var(--theme-accent),var(--primary))}
body[class*="theme-"] .section-soft,
body[class*="theme-"] .portal,
body[class*="theme-"] .registration-section{background:var(--theme-page)}
body[class*="theme-"] .page-hero{background:linear-gradient(180deg,var(--theme-highlight),var(--theme-surface))}
body[class*="theme-"] .auth-section{background:linear-gradient(145deg,var(--theme-highlight) 0,var(--theme-surface) 56%,var(--theme-page))}
body[class*="theme-"] .auth-copy{background:linear-gradient(145deg,var(--theme-hero-start),var(--theme-hero-end))}
body[class*="theme-"] .card,
body[class*="theme-"] .detail-card,
body[class*="theme-"] .simple-card,
body[class*="theme-"] .news-card,
body[class*="theme-"] .feature-grid article,
body[class*="theme-"] .portal-menu,
body[class*="theme-"] .approval-card{background:var(--theme-surface);border-color:var(--line);border-radius:var(--theme-radius)}
body[class*="theme-"] .feature-no,
body[class*="theme-"] .import-icon,
body[class*="theme-"] .import-steps li>span{background:var(--theme-highlight)}
body[class*="theme-"] .portal-menu a:hover,
body[class*="theme-"] .portal-menu a.active{background:var(--theme-highlight);color:var(--primary)}
body[class*="theme-"] .cta-band{background:var(--theme-hero-mid)}
body[class*="theme-"] .footer{background:var(--theme-footer)}
body[class*="theme-"] .brand-mark{box-shadow:0 8px 18px var(--theme-glow)}
body[class*="theme-"] input:focus,
body[class*="theme-"] select:focus,
body[class*="theme-"] textarea:focus{box-shadow:0 0 0 3px var(--theme-glow)}

.admin-shell .sidebar{background:var(--theme-sidebar)}
.admin-shell .sidebar nav a{color:var(--theme-sidebar-text)}
.admin-shell .sidebar nav a:hover,
.admin-shell .sidebar nav a.active{background:var(--theme-sidebar-active);color:#fff}
.admin-shell .sidebar-foot{border-color:var(--theme-sidebar-active)}
.admin-shell .topbar{background:var(--theme-surface);border-color:var(--line)}
.admin-shell .admin-main{display:flex;min-height:100vh;flex-direction:column;background:var(--theme-page)}
.admin-shell .content{flex:1;background:var(--theme-page)}
.admin-shell .stat-card.accent{background:linear-gradient(135deg,var(--theme-hero-mid),var(--primary))}
.admin-shell .update-hero{background:linear-gradient(135deg,var(--theme-hero-start),var(--theme-hero-end))}
.admin-shell .admin-footer{min-height:58px;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);background:var(--theme-surface);color:var(--muted);font-size:13px}
.admin-shell .admin-footer strong{color:var(--primary);font-size:14px}

/* Theme picker */
.theme-settings{max-width:1180px}
.theme-picker-card{padding:28px}
.theme-picker-head{align-items:flex-start;margin-bottom:22px}
.theme-picker-head h2{font-size:29px;margin:4px 0 5px}
.theme-picker-head p{margin:0;color:var(--muted)}
.theme-count{padding:7px 11px;border-radius:99px;background:var(--theme-highlight);color:var(--primary);font-size:12px;font-weight:800;white-space:nowrap}
.theme-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.theme-option{position:relative!important;display:flex!important;flex-direction:column!important;gap:0!important;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--theme-surface);cursor:pointer;transition:.2s ease}
.theme-option:hover{transform:translateY(-2px);box-shadow:var(--shadow)}
.theme-option.selected,.theme-option:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 2px var(--theme-glow)}
.theme-option>input{position:absolute;opacity:0;pointer-events:none}
.theme-demo{position:relative;height:116px;display:block;background:var(--preview-soft);overflow:hidden;border-bottom:1px solid var(--line)}
.theme-demo:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,color-mix(in srgb,var(--preview-primary) 12%,transparent));opacity:.8}
.demo-sidebar{position:absolute;left:0;top:0;bottom:0;width:25%;background:var(--preview-dark)}
.demo-header{position:absolute;left:25%;right:0;top:0;height:24%;background:#fff;border-bottom:1px solid rgba(0,0,0,.08)}
.demo-card{position:absolute;top:38%;height:39%;border-radius:7px;background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.10)}
.demo-card-one{left:33%;width:27%}.demo-card-two{left:65%;width:26%}
.demo-card-one:after,.demo-card-two:after{content:"";position:absolute;left:10px;right:10px;bottom:10px;height:6px;border-radius:8px;background:var(--preview-accent)}
.demo-button{position:absolute;left:33%;bottom:10%;width:26%;height:8px;border-radius:8px;background:var(--preview-primary)}
.theme-meta{padding:15px;display:flex;flex-direction:column;gap:6px}
.theme-meta>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.theme-meta strong{font-size:15px;color:var(--ink)}
.theme-meta em{font-style:normal;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:var(--theme-highlight);color:var(--primary);padding:3px 7px;border-radius:99px}
.theme-meta small{font-weight:400;color:var(--muted);line-height:1.4;min-height:39px}
.theme-swatches{display:flex;gap:6px;margin-top:3px}
.theme-swatches i{width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(15,23,42,.12)}
.custom-color-row{margin-top:20px;padding:17px;border:1px dashed var(--line);border-radius:12px;background:var(--theme-page);display:flex;align-items:center;gap:20px}
.custom-color-row label{min-width:245px}
.custom-color-row input[type=color]{height:44px;padding:4px}
.custom-color-row p{margin:0;color:var(--muted)}
.settings-savebar{position:sticky;bottom:12px;z-index:10;padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--theme-nav);backdrop-filter:blur(12px);box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between;gap:16px}
.settings-savebar span{color:var(--muted)}
.settings-savebar strong{color:var(--ink)}

@media(max-width:1000px){.theme-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
  .theme-gallery{grid-template-columns:1fr}
  .theme-picker-card{padding:20px}
  .theme-picker-head,.custom-color-row,.settings-savebar,.admin-shell .admin-footer{align-items:stretch;flex-direction:column}
  .custom-color-row label{min-width:0}
  .settings-savebar .btn{width:100%}
  .admin-shell .admin-footer{padding:15px 12px;gap:3px}
}
