/* ============================================================
   LUKI — Base / reset
   App-wide primitives used on every screen.
   ============================================================ */

*, *::before, *::after { box-sizing: border-box; }

html, body { margin: 0; padding: 0; }

body {
  background: var(--mic-bg-main);
  color: var(--mic-text-main);
  font-family: var(--mic-font-sans);
  font-size: var(--mic-text-base);
  line-height: var(--mic-leading-body);
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }

::selection { background: rgba(253, 83, 50, 0.30); }

/* Thin dark scrollbars everywhere */
* { scrollbar-width: thin; scrollbar-color: var(--mic-scroll-thumb) var(--mic-bg-card); }
*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: var(--mic-bg-card); }
*::-webkit-scrollbar-thumb { background: var(--mic-scroll-thumb); border-radius: 8px; }
*::-webkit-scrollbar-thumb:hover { background: var(--mic-scroll-thumb-hover); }

/* The one spinner keyframe */
@keyframes mic-spin { from { transform: rotate(0); } to { transform: rotate(360deg); } }

/* Eyebrow helper — uppercase teal label used across the app */
.mic-eyebrow {
  font-size: var(--mic-text-eyebrow);
  font-weight: var(--mic-weight-black);
  letter-spacing: var(--mic-tracking-eyebrow);
  text-transform: uppercase;
  color: var(--mic-accent);
}