/* kognitio: warm paper, charcoal, one anteater mascot in praetor armor.
   Semantic tokens keep existing controls and evidence states consistent. */
:root {
  --paper:oklch(.975 .006 85); --surface:oklch(.995 .002 85);
  --surface-2:oklch(.956 .007 85); --surface-3:oklch(.93 .009 85);
  --ink:oklch(.255 .008 90); --ink-2:oklch(.36 .009 90);
  --muted:oklch(.50 .012 90); --faint:oklch(.62 .012 90);
  --line:oklch(.90 .009 85); --line-strong:oklch(.84 .012 85);
  --green:oklch(.33 .018 150); --green-strong:oklch(.26 .015 150);
  --green-bright:oklch(.46 .035 150); --green-chip:oklch(.87 .021 135);
  --green-soft:oklch(.935 .014 135); --green-wash:oklch(.97 .009 135);
  --green-line:oklch(.73 .025 135); --focus:oklch(.46 .04 150);
  --on-accent:oklch(.99 .004 85);
  --mascot-sand:oklch(.91 .029 85);
}
:root[data-academic-theme="dark"] {
  --paper:oklch(.205 .006 85); --surface:oklch(.245 .007 85);
  --surface-2:oklch(.28 .008 85); --surface-3:oklch(.32 .009 85);
  --ink:oklch(.94 .008 85); --ink-2:oklch(.86 .009 85);
  --muted:oklch(.74 .013 85); --faint:oklch(.64 .013 85);
  --line:oklch(.34 .009 85); --line-strong:oklch(.41 .011 85);
  --green:oklch(.81 .034 135); --green-strong:oklch(.89 .025 135);
  --green-bright:oklch(.85 .038 135); --green-chip:oklch(.40 .024 135);
  --green-soft:oklch(.34 .02 135); --green-wash:oklch(.285 .014 135);
  --green-line:oklch(.53 .026 135); --focus:oklch(.83 .045 135);
  --on-accent:oklch(.235 .012 135);
}
.brand-mark{width:36px;height:36px;overflow:hidden;border-radius:28%;background:var(--mascot-sand)}
.brand-mark::before{content:none}
.brand-mark img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.brand:hover .brand-mark{background:var(--mascot-sand);transform:none}
.brand-name{font-weight:650;letter-spacing:-.035em}
.project-mascot{display:block;width:112px;height:112px;object-fit:contain;object-position:center bottom;margin:0 auto 18px;background:var(--mascot-sand);border-radius:32%}
.brand-mascot{display:inline-flex;flex:none;width:var(--mascot-size,36px);height:var(--mascot-size,36px);overflow:hidden;vertical-align:middle;border-radius:28%;background:var(--mascot-sand)}
.brand-mascot img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform-origin:50% 100%}
.assistant-byline{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.wb-header:has(>.brand-mascot){align-items:center;gap:12px}
.wb-header>.brand-mascot+.view-head-text{flex:1;min-width:0}
@keyframes mascot-breathe{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-2px) rotate(-1deg)}}
@media (prefers-reduced-motion:no-preference){
  .project-mascot{animation:mascot-breathe 5.5s ease-in-out infinite}
}
@media(max-width:600px){
  .project-mascot{width:88px;height:88px;margin-bottom:14px}
}