/**
 * Tokens compartidos entre homly.dev, homly.blog y homly.world.
 *
 * Es lo único que de verdad se repite entre los tres sitios. Vive en un solo lugar del
 * disco y cada sitio lo sirve en /assets/tokens.css con un handle_path de Caddy: sin
 * repo aparte, sin CDN, sin versionar nada.
 *
 * Globales a propósito: el CSS de cada componente sigue aislado por @scope.
 */
:root {
  --hom-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --hom-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --hom-bg: #ffffff;
  --hom-fg: #18181b;
  --hom-muted: #52525b;
  --hom-border: #e4e4e7;
  --hom-code-bg: #f4f4f5;
  --hom-accent: #2563eb;
}

@media (prefers-color-scheme: dark) {
  :root {
    --hom-bg: #0b0b0e;
    --hom-fg: #ececee;
    --hom-muted: #a1a1aa;
    --hom-border: #27272a;
    --hom-code-bg: #17171b;
    --hom-accent: #60a5fa;
  }
}

body {
  background: var(--hom-bg);
  color: var(--hom-fg);
}

a { color: var(--hom-accent); }