/* Claerio base — minimal global defaults derived from the token file.
   Component classes stay OUT of the global CSS (per the source repo's
   rule: tokens only). Only page-level defaults live here. */
:root {
  color-scheme: light;
}
.dark { color-scheme: dark; }

body {
  margin: 0;
  background: var(--background);
  color: var(--foreground);
  font: 400 14px/1.4 var(--font-sans);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--primary); }
a:hover { color: var(--terracotta-700); }
.dark a:hover { color: var(--terracotta-400); }

/* Uniform focus + disabled treatment (design-decision, states spec) */
:focus-visible { outline: 2px solid var(--ring); outline-offset: 2px; }
[disabled], .is-disabled { opacity: 0.5; cursor: not-allowed; }