/* ============================================================
   Kumo — base element styling.
   Applies the brand font + tracking. Body uses canvas surface.
   ============================================================ */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: 1.5;
  letter-spacing: var(--tracking-default);
  font-feature-settings: var(--font-feature-settings);
  color: var(--text-color-kumo-default);
  background: var(--color-kumo-canvas);
}

::selection {
  background: color-mix(in oklch, var(--color-kumo-brand) 22%, transparent);
}

/* Monospace / code resets tracking */
pre,
code,
kbd,
samp {
  font-family: var(--font-mono);
  letter-spacing: normal;
}

a {
  color: var(--text-color-kumo-link);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}