/**
 * Minimal overrides for the public Vue catalog shell.
 * Header/footer still use Bootstrap + Font Awesome; page body uses system fonts
 * so we do not download Inter / Roboto Condensed / IBM Plex Mono.
 *
 * Type tokens: 16px html rem. Body size is also set in
 * frontend/catalog-search/catalogSearch.css (loads after Vite base.css).
 */
:root {
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;

  --catalog-font-count: 1.5rem;   /* collection page title */
  --catalog-font-title: 1.25rem;  /* study / variable title */
  --catalog-font-body: 1rem;      /* abstract, country, search input */
  --catalog-font-ui: 0.875rem;    /* tabs, facets, meta, toolbar */
  --catalog-font-small: 0.75rem;  /* 12px floor — chips, tab counts */

  --catalog-text: #1a2332;
  --catalog-text-secondary: rgba(26, 35, 50, 0.82);
  --catalog-text-muted: rgba(26, 35, 50, 0.68);
  --catalog-text-faint: rgba(26, 35, 50, 0.62); /* ≥4.5:1 on white */
  --catalog-link: #1565c0;

  --catalog-surface: #fff;
  --catalog-surface-subtle: #f3f5f8;
  --catalog-border: rgba(15, 23, 42, 0.16);
  --catalog-border-subtle: rgba(15, 23, 42, 0.11);
}

body {
  font-family: var(--font-family);
}

.catalog-vue-wrapper .v-application {
  background: transparent;
}