/* digits.css — enforce fixed-width numeric glyphs everywhere it matters */

/* Font faces (WOFF2 preferred, TTF fallback) */
@font-face{
  font-family:'Digital-7';
  src: url('../fonts/digital-7.woff2') format('woff2'),
       url('../fonts/digital-7.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Digital-7 Mono';
  src: url('../fonts/digital-7-mono.woff2') format('woff2'),
       url('../fonts/digital-7 (mono).ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Fira Mono';
  src: url('../fonts/FiraMono-Regular.woff2') format('woff2'),
       url('../fonts/FiraMono-Regular.ttf') format('truetype');
  font-weight:400;
  font-style:normal;
  font-display:swap;
}

:root{ --font-digital: 'Fira Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace; }

/* Core anti-jitter rule */
.digits{
  font-family: var(--font-digital);
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum","zero";
  line-height: 1;
  letter-spacing: 0.03em;
}

/* Helpful defaults for separators */
.clock-time-separator{
  display:inline-block;
  width:.8ch;
  text-align:center;
}

/* Fallbacks in case some places forgot the .digits class */
#clock-h, #clock-m, #clock-s{
  display:inline-block;
  width:1.4ch;
  text-align:center;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum","zero";
}


/* Switch to Digital-7 when the toggle is ON */
body.digital-font-enabled{ --font-digital: 'Digital-7 Mono','Digital-7','Fira Mono', ui-monospace, monospace; }