/**
 * Default theme stylesheet.
 * Child themes can ship assets/theme.css which loads after this file.
 * Prefer CSS variables so partial overrides stay lightweight.
 *
 * Theme tokens (set these to rebrand without fighting core styles):
 * - shadcn-style HSL channels used by Tailwind: --background, --foreground,
 *   --primary, --muted, --border, --card, --radius, etc. (no `hsl()` wrapper)
 * - Nuxt UI surfaces: --ui-bg, --ui-bg-muted, --ui-bg-elevated, --ui-border,
 *   --ui-text, --ui-text-muted, --ui-primary, --ui-primary-foreground
 *
 * Core `src/client/assets/css/tailwind.css` maps shadcn tokens → `--ui-*`
 * and `--color-*`. Override either layer in theme.css; child rules win because
 * theme CSS is collected root → child.
 */

:root {
  /* Display = page titles only; body/UI = Plus Jakarta Sans */
  --theme-font-display: "Outfit", "Plus Jakarta Sans", ui-sans-serif, sans-serif;
  --theme-font-body: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --theme-radius-card: 1rem;

  /*
   * Optional Nuxt UI overrides (uncomment / set in a child theme):
   * --ui-primary: hsl(158 64% 36%);
   * --ui-bg: hsl(220 16% 93%);
   * --ui-text: hsl(224 40% 7%);
   */
}

.theme-default {
  font-family: var(--theme-font-body);
}