/* EXV OS — base layer: resets, body defaults, link styling, icon font, shared helpers.
   Consuming projects get these for free by linking styles.css. */

/* Tabler Icons webfont — the console's icon system (`<i class="ti ti-brain">`). See ICONOGRAPHY in readme.md. */
@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@3.24.0/dist/tabler-icons.min.css');

*{ box-sizing:border-box; }

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:var(--font-sans);
  font-size:var(--fs-body);
  line-height:var(--lh-normal);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

/* Editorial display face for headings by default */
h1,h2,h3{ font-family:var(--font-display); font-weight:var(--fw-semibold); color:var(--text-strong); letter-spacing:0; }
h1{ font-size:var(--fs-display); line-height:var(--lh-tight); }
h2{ font-size:var(--fs-2xl); line-height:var(--lh-tight); }
h3{ font-size:var(--fs-xl); line-height:var(--lh-snug); }
h4,h5,h6{ font-family:var(--font-sans); font-weight:var(--fw-semibold); color:var(--text-strong); }

/* Links = clay, underline on hover (the console's link doctrine) */
a{ color:var(--clay); text-decoration:none; }
a:hover{ text-decoration:underline; }

button,input,select,textarea{ font-family:inherit; }

/* Figures ride tabular numerals everywhere they matter */
.tnum{ font-variant-numeric:tabular-nums; }

/* The console's uppercase micro-label (card headers, section eyebrows) */
.eyebrow{ font-size:var(--fs-micro); font-weight:var(--fw-semibold); letter-spacing:var(--ls-label); text-transform:uppercase; color:var(--muted); }

/* Custom scrollbar to match the warm neutral chrome */
.scroll::-webkit-scrollbar{ width:8px; height:8px; }
.scroll::-webkit-scrollbar-thumb{ background:var(--border3); border-radius:4px; }
.scroll::-webkit-scrollbar-track{ background:transparent; }

/* The agent glyph — clay four-point sparkle used before agent messages / the ⌘K bar */
.exv-spark{ color:var(--clay); }