/* Classeto v6.2 | reference-faithful classic black design.
   This layer intentionally loads AFTER the existing app.css.
   It changes presentation only; public-site data and teacher customizations remain separate. */
html:not([data-theme="light"]) {
  color-scheme: dark;
  --bg:#080808;
  --panel:#111111;
  --panel2:#171717;
  --hover:#1e1e1e;
  --line:#2b2b2b;
  --ink:#f5f7f8;
  --muted:#a5a6af;
  --teal:#26d5ba;
  --teal2:#12b69f;
  --v6-input:#111217;
  --v6-card:#121212;
  --v6-nav:#0a0a0a;
  --v6-top:rgba(8,8,8,.96);
  --shadow:0 20px 60px #0008;
}
html:not([data-theme="light"]) body,
html:not([data-theme="light"]) .main,
html:not([data-theme="light"]) .app-shell {background:#080808;color:var(--ink)}
html:not([data-theme="light"]) .sidebar {background:#0a0a0a;border-color:#272727}
html:not([data-theme="light"]) .topbar {background:rgba(8,8,8,.96);border-color:#292929}
html:not([data-theme="light"]) .panel,
html:not([data-theme="light"]) .stat,
html:not([data-theme="light"]) .auth-card {background:#121212;border-color:#303030;box-shadow:0 10px 35px #0004}
html:not([data-theme="light"]) .auth-wrap,
html:not([data-theme="light"]) .auth-form {background:#080808}
html:not([data-theme="light"]) .auth-art {background:radial-gradient(ellipse at 30% 10%,#116d6070,transparent 48%),linear-gradient(145deg,#0e2425,#080808)}
html:not([data-theme="light"]) .btn-outline {background:#151515;color:#e9f3f1;border-color:#3c5b59;box-shadow:none}
html:not([data-theme="light"]) .btn-quiet {background:#1a1a1a;border-color:#303030;color:#d1dddb}
html:not([data-theme="light"]) .sidebar .side-foot,
html:not([data-theme="light"]) .quicklink-card,
html:not([data-theme="light"]) .contact-admin-row {background:#141414;border-color:#303030}
html:not([data-theme="light"]) .field input:not([type=color]):not([type=checkbox]):not([type=file]),
html:not([data-theme="light"]) .field textarea,
html:not([data-theme="light"]) .field select,
html:not([data-theme="light"]) .category-create-form input {background:#101115;border-color:#31353a;color:#f7f9fa}
html:not([data-theme="light"]) .workspace-hero {
  background:radial-gradient(circle at 4% 15%,rgba(38,213,186,.15),transparent 32%),linear-gradient(120deg,#111716,#0e0e0e);
  border-color:#27534d;
}
html:not([data-theme="light"]) .workspace-hero h2,
html:not([data-theme="light"]) .admin-welcome h2 {color:#f7fcfa}
html:not([data-theme="light"]) .workspace-hero p,
html:not([data-theme="light"]) .admin-welcome p {color:#b7c7c4}
html:not([data-theme="light"]) .workspace-hero .url-box {background:#111b1a;border-color:#295a51;color:#8ce9d7}
html:not([data-theme="light"]) .admin-welcome {
  background:linear-gradient(115deg,#10201e,#111111);
  border-color:#28504a;
}
html:not([data-theme="light"]) .preview-browser-bar {background:#222d2b;color:#b4d0cb}
html:not([data-theme="light"]) .help-main,
html:not([data-theme="light"]) .help-inbox,
html:not([data-theme="light"]) .help-composer {background:#121212;border-color:#303030}
html:not([data-theme="light"]) .finance-track,
html:not([data-theme="light"]) .analytics-bar-track {background:#242424}
html:not([data-theme="light"]) .contact-form-panel input,
html:not([data-theme="light"]) .contact-form-panel select {background:#111!important;color:#f6f6f6!important}
html:not([data-theme="light"]) .mobile-more-sheet {background:#111;border:1px solid #303030}

/* The teacher's own website is themed independently from the dashboard. */
.public.dark {
  --pbg:#080808;
  --pcard:#131313;
  --ptext:#f5f7f8;
  --pmuted:#b6b8bd;
  background:#080808;
  color:var(--ptext);
}
.public.dark .public-top {background:rgba(14,14,14,.91);border-color:#323232;box-shadow:0 20px 56px #0007}
.public.dark .site-media-card,.public.dark .site-contact-card,.public.dark .card {background:#141414;border-color:#303030}
.public.dark .site-contact-cta {background:linear-gradient(115deg,#111b19,#131313)}
.public.dark .mobile-tabbar {background:rgba(16,16,16,.96);border-color:#3b3b3b}
.public.dark .public-hero .hero-image {outline-color:color-mix(in srgb,var(--accent) 8%,transparent)}

/* True separate light theme: a bright neutral canvas, not blue-tinted dark. */
html[data-theme="light"] {
  color-scheme:light;
  --bg:#f7f8f8;--panel:#fff;--panel2:#f2f5f4;--hover:#eaf4f1;
  --line:#e1e7e5;--ink:#1c2928;--muted:#657371;
  --v6-input:#fff;--v6-card:#fff;--v6-nav:#fff;--v6-top:rgba(255,255,255,.96);
}
html[data-theme="light"] .workspace-hero {background:linear-gradient(105deg,#e6f8f2,#f6fbf9);border-color:#b7e2d5}
html[data-theme="light"] .workspace-hero h2,html[data-theme="light"] .admin-welcome h2 {color:#18453f}
html[data-theme="light"] .workspace-hero p,html[data-theme="light"] .admin-welcome p {color:#45645d}
html[data-theme="light"] .admin-welcome {background:linear-gradient(115deg,#e6f8f3,#f7faf9);border-color:#b9e3d7}
html[data-theme="light"] .auth-wrap,html[data-theme="light"] .auth-form {background:#f7f8f8}
html[data-theme="light"] .auth-art {background:radial-gradient(circle at 24% 15%,#78d3bd66,transparent 45%),linear-gradient(150deg,#effaf5,#d7e9e3);color:#1b433e}
html[data-theme="light"] .auth-art h1,html[data-theme="light"] .auth-art p {color:#174039}
html[data-theme="light"] .auth-card {background:#fff;border-color:#dde7e3}
html[data-theme="light"] .sidebar .side-foot {background:#f7faf9}
html[data-theme="light"] .quicklink-card {background:#f6faf8}
html[data-theme="light"] .contact-admin-row {background:#fff!important}
html[data-theme="light"] .mobile-more-sheet {background:#fff;border-color:#dbe6e1}

/* Usability: consistent typography and focus states across the two themes. */
html, body, button, input, select, textarea {font-family:IRANYekan,Vazirmatn,Tahoma,Arial,sans-serif}
:where(a,button,input,select,textarea):focus-visible {outline:2px solid #26d5ba;outline-offset:3px}
.theme-toggle {min-width:40px}
@media (max-width:800px) {
  html:not([data-theme="light"]) .sidebar {background:#080808}
  html[data-theme="light"] .sidebar {background:#fff}
  .public.dark .mobile-tabbar {background:rgba(15,15,15,.96)}
}