/* ============================================================
   Stakely — base resets & typographic helpers
   ============================================================ */

:root {
  color-scheme: dark;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--text-on-dark);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Typographic helper classes mirroring the Text variants */
.sk-h1 { font: var(--type-h1-weight) var(--type-h1-size)/var(--type-h1-lh) var(--font-sans); }
.sk-h2 { font: var(--type-h2-weight) var(--type-h2-size)/var(--type-h2-lh) var(--font-sans); }
.sk-h3 { font: var(--type-h3-weight) var(--type-h3-size)/var(--type-h3-lh) var(--font-sans); }
.sk-body1 { font: var(--type-body1-weight) var(--type-body1-size)/var(--type-body1-lh) var(--font-sans); }
.sk-body2 { font: var(--type-body2-weight) var(--type-body2-size)/var(--type-body2-lh) var(--font-sans); }
.sk-little { font: var(--type-little-weight) var(--type-little-size)/var(--type-little-lh) var(--font-sans); }
.sk-keynum-lg { font: var(--type-keynum-lg-weight) var(--type-keynum-lg-size)/var(--type-keynum-lg-lh) var(--font-sans); }
.sk-keynum-md { font: var(--type-keynum-md-weight) var(--type-keynum-md-size)/var(--type-keynum-md-lh) var(--font-sans); }
.sk-keynum-sm { font: var(--type-keynum-sm-weight) var(--type-keynum-sm-size)/var(--type-keynum-sm-lh) var(--font-sans); }
.sk-mono { font-family: var(--font-mono); }

@keyframes sk-spin { to { transform: rotate(360deg); } }