/* ============================================================================
   TEE LOGO — single source of truth.  Approved 2026-08-18.
   Bebas Neue logotype, two lines, natural width. No mark, no emoji.
   "K15" = 1.5px black outline on ENGINES, LIGHT BACKGROUNDS ONLY.
   Saira 800 remains the heading font everywhere; Bebas is the logotype only.

   Markup:
     <a class="tee-logo" href="/dashboard.html">
       <span class="l1">THE ELITE</span><span class="l2">ENGINES</span>
     </a>
   Size:  add .tee-xl / .tee-lg / .tee-md / .tee-sm / .tee-xs  (default = md)
   Dark:  add .on-dark  (or set [data-theme="dark"] on <html>)
   ========================================================================== */
.tee-logo{
  display:inline-block;
  font-family:'Bebas Neue',Impact,Haettenschweiler,sans-serif;
  font-weight:400;
  font-size:24px;
  line-height:.92;
  letter-spacing:.055em;
  text-decoration:none;
  white-space:nowrap;
}
.tee-logo .l1{display:block;color:#12131A}
.tee-logo .l2{
  display:block;
  color:#F5C518;                      /* charter gold — the only gold */
  -webkit-text-stroke:1.5px #000;     /* K15 */
  paint-order:stroke fill;            /* stroke BEHIND fill: letterform never thins */
}
/* Below 20px a 1.5px stroke clogs the counters in E / G / S — ease it off. */
.tee-logo.tee-xs .l2{-webkit-text-stroke:.75px #000}
.tee-logo.tee-sm .l2{-webkit-text-stroke:1px #000}

/* Dark surfaces: gold already separates cleanly — an outline only muddies it. */
.tee-logo.on-dark .l1{color:#fff}
.tee-logo.on-dark .l2{-webkit-text-stroke:0}
:root[data-theme="dark"] .tee-logo .l1,
html[data-theme="dark"] .tee-logo .l1{color:#fff}
:root[data-theme="dark"] .tee-logo .l2,
html[data-theme="dark"] .tee-logo .l2{-webkit-text-stroke:0}

/* Size ladder */
.tee-logo.tee-xl{font-size:52px;letter-spacing:.05em}
.tee-logo.tee-lg{font-size:38px}
.tee-logo.tee-md{font-size:24px}
.tee-logo.tee-sm{font-size:20px;letter-spacing:.07em}
.tee-logo.tee-xs{font-size:15px;letter-spacing:.09em}
.tee-logo.tee-mid{text-align:center}

/* Collapsed / favicon mark — letters only, never an emoji */
.tee-mark{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border-radius:9px;
  font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:15px;
  letter-spacing:.05em;color:#0A0A0F;text-decoration:none;
  background:linear-gradient(140deg,#FFDD5C,#F5C518 46%,#D98D0D);
}