/**
 * FRD Academy — Base Reset & Typography
 * Reset universale, scrollbar e classi tipografiche di utilità.
 * Importare sempre DOPO variables.css.
 */

/* ── RESET ── */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  height: 100%;
  font-family: var(--frd-font-sans);
  background: var(--frd-bg);
  color: var(--frd-text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ── SCROLLBAR ── */
::-webkit-scrollbar        { width: 4px; height: 4px; }
::-webkit-scrollbar-track  { background: transparent; }
::-webkit-scrollbar-thumb  { background: var(--frd-border-3); border-radius: 2px; }
::-webkit-scrollbar-thumb:hover { background: var(--frd-text-dim); }

/* ── LINK RESET ── */
a {
  color: inherit;
  text-decoration: none;
}

/* ── BUTTON RESET ── */
button {
  cursor: pointer;
  font-family: inherit;
  border: none;
  background: none;
}

/* ── TIPOGRAFIA — UTILITÀ ── */
.frd-mono {
  font-family: var(--frd-font-mono);
}

.frd-display {
  font-family: var(--frd-font-display);
}

/* Label stile IBM Mono uppercase — usato per etichette e metadati */
.frd-label {
  font-family: var(--frd-font-mono);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--frd-text-3);
}

/* Testo troncato su una riga */
.frd-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}