/* RvtStore — architectural BIM theme */

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');

:root {
  /* Spec tokens */
  --background: #f7f8f6;
  --surface: #ffffff;
  --surface-muted: #f3f5f2;
  --text-primary: #171a18;
  --text-secondary: #747d76;
  --border: #e1e6e1;
  --green: #1f553d;
  --green-dark: #153e2d;
  --green-light: #e5f4e9;

  --rvt-green: var(--green);
  --rvt-green-hover: var(--green-dark);
  --rvt-green-soft: var(--green-light);
  --rvt-accent: var(--green);

  --rvt-bg: var(--background);
  --rvt-surface: var(--surface);
  --rvt-surface-2: var(--surface-muted);
  --rvt-ink: var(--text-primary);
  --rvt-muted: var(--text-secondary);
  --rvt-border: var(--border);

  --primary: var(--green);
  --primary-dark: var(--green-dark);
  --primary-light: var(--green-light);
  --primary-glow: rgba(31, 85, 61, 0.18);
  --free: var(--green);
  --lib-green: var(--green);
  --lib-green-soft: var(--green-light);

  --rvt-radius-card: 14px;
  --rvt-radius-btn: 10px;
  --rvt-radius-search: 12px;
  --rvt-radius-badge: 6px;
  --rvt-max: 1360px;
  --rvt-font: 'Manrope', system-ui, -apple-system, sans-serif;
  --rvt-mono: 'IBM Plex Mono', ui-monospace, Menlo, Consolas, monospace;
  --header-h: 72px;
}

body.library-catalog-home,
body.is-home-catalog,
body.library-ui,
body.model-bim-page,
body.detail-page {
  font-family: var(--rvt-font);
  color: var(--rvt-ink);
  background: var(--rvt-bg);
}

body.library-catalog-home .library-container,
body.is-home-catalog .page-wrap,
.header-inner.header-ozon {
  max-width: var(--rvt-max);
}

.rvt-mono {
  font-family: var(--rvt-mono);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.01em;
  color: var(--rvt-muted);
}

.rvt-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  border: 1px solid var(--rvt-border);
  background: #f5f5f5;
  color: var(--rvt-ink);
}

.rvt-badge--verified {
  border-color: var(--rvt-border);
  color: var(--rvt-ink);
}

.rvt-badge--verified svg {
  color: var(--rvt-green);
  stroke: var(--rvt-green);
}

.rvt-badge--revit {
  font-family: var(--rvt-mono);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--rvt-muted);
}