html.skin-classic{
  
  --accent-mauve:#b488a6; --accent-rose:#af7875; --accent-slate:#7c84a4;
  --accent-blue:#9ab6d9;  --accent-grey:#96a4a9; --accent-gold:#eccd84;
  
  --accent-leisten:#883e71; --accent-lachen:#e9b325; --accent-leben:#5b8ac7;

  --bg:#f6f7fa; --bg2:#fbfcfe; --panel:#ffffff; --panel2:#eff2f7;
  --line:#dfe4ec; --line2:#c7cfdc; --grid:#e8ecf3;
  --text:#2b3040; --dim:#5a6178; --muted:#6b7391; --faint:#9aa3b7;
  
  --green:#40679f; --green2:#5b8ac7; --cyan:#2f6e80; --amber:#96660b; --red:#a4434e; --violet:#883e71;
  --glow:color-mix(in srgb,var(--green) 20%,transparent);
  --glowsoft:color-mix(in srgb,var(--green) 7%,transparent);
  --bio:#4b8425; --chem:#40679f; --nawi:#2f6e80; --robo:#883e71; --neutral:#6b7391;
  --ink:#ffffff; --ph1:#e4eaf3; --ph2:#c9d4e4;
  --gd1:#46801f; --gd2:#6e7f1a; --gd3:#96660b; --gd4:#b05f26; --gd5:#a4434e;
  
  --catA:#40679f; --catB:#883e71; --catC:#96660b;
  --elev:0 1px 2px rgba(43,48,64,.06),0 6px 20px rgba(43,48,64,.07);
  
  --skin-font:"Corbel","Segoe UI",system-ui,-apple-system,sans-serif;
  --skin-font-ui:"Corbel","Segoe UI",system-ui,-apple-system,sans-serif;
  --ma-holo:hue-rotate(52deg) saturate(.8);
  --ma-rain-glyphs:"·:∙˙";
  --ma-rain-head:color-mix(in srgb,var(--green) 55%,transparent);
  --ma-rain-body:color-mix(in srgb,var(--green2) 40%,transparent);
  --ma-rain-body-soft:color-mix(in srgb,var(--accent-slate) 22%,transparent);
  
  --accent-strip:linear-gradient(90deg,
    var(--accent-mauve) 0 16.667%, var(--accent-rose) 0 33.333%, var(--accent-slate) 0 50%,
    var(--accent-blue) 0 66.667%, var(--accent-grey) 0 83.333%, var(--accent-gold) 0 100%);
}

html.skin-classic body{
  font-family:"Corbel","Segoe UI",system-ui,-apple-system,"Helvetica Neue",sans-serif;
  background:
    linear-gradient(var(--grid) 1px,transparent 1px) 0 0/44px 44px,
    linear-gradient(90deg,var(--grid) 1px,transparent 1px) 0 0/44px 44px,
    radial-gradient(1000px 500px at 80% -10%,color-mix(in srgb,var(--accent-blue) 16%,transparent),transparent 60%),
    var(--bg);
}

html.skin-classic .os{position:relative;z-index:1}
html.skin-classic body::before{content:"";position:fixed;z-index:0;pointer-events:none;
  right:-70px;bottom:-56px;width:min(760px,72vw);height:min(405px,38vw);
  background:none right bottom/contain no-repeat;opacity:.16}

html.skin-classic body *{text-shadow:none!important}
html.skin-classic .panel,
html.skin-classic .pmodal,
html.skin-classic .mon,
html.skin-classic .fxctl{box-shadow:var(--elev)}
html.skin-classic .panel{background:var(--panel)}

html.skin-classic .top{position:relative;border-bottom:0;
  background:linear-gradient(180deg,#fff,var(--bg2))}
html.skin-classic .top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;
  background:var(--accent-strip)}
html.skin-classic .top .os-name{color:var(--accent-leisten)}
html.skin-classic .top .os-name b{color:var(--green)}
html.skin-classic .top .cen{letter-spacing:.28em}

html.skin-classic .schoollogo{filter:none;height:34px;border-radius:0}

html.skin-classic .panel::before{left:0;right:auto;width:52px;height:3px;
  background:var(--accent-strip);opacity:.9}
html.skin-classic .viewbar .title::before{content:"▪ ";color:var(--accent-slate)}
html.skin-classic button.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}
html.skin-classic button.btn.primary:hover{background:var(--green2);border-color:var(--green2);box-shadow:0 2px 10px var(--glow)}
html.skin-classic ::selection{background:var(--green2);color:#fff}

html.skin-classic .term{color:var(--dim)}
html.skin-classic .term .l .pt{color:var(--green)}