/* ══════════════════════════════════════════════════════════════════════════
   Общее для всех страниц «Вывески»: база документа, логотип, размеры кнопок.
   Подключается после organic.css и до постраничных стилей.
   ══════════════════════════════════════════════════════════════════════ */

html, body { margin: 0; }

a { color: var(--color-accent-700); }
a:hover { color: var(--color-accent-800); }
a.btn-primary:hover { color: var(--color-bg); }
a.btn-secondary:hover, a.btn-ghost:hover { color: var(--color-text); }

.vv-page {
  font-family: var(--font-body);
  background: var(--color-bg);
  color: var(--color-text);
  min-height: 100vh;
}

/* ── Логотип ─────────────────────────────────────────────────────────────
   Слово в терракотовой пилюле с жёсткой офсет-тенью — главный знак бренда. */
.vv-logo {
  display: inline-flex;
  padding: 7px 18px 9px;
  background: var(--color-accent);
  color: var(--color-bg);
  border-radius: 12px;
  font-family: var(--font-heading);
  font-size: 21px;
  transform: rotate(-2deg);
  box-shadow: 3px 3px 0 var(--color-accent-2-300);
}
.vv-logo--login  { padding: 8px 20px 10px; font-size: 24px; }
.vv-logo--footer { padding: 6px 16px 8px; font-size: 18px; box-shadow: 2px 2px 0 var(--color-accent-2-300); }
.vv-logo--head   { padding: 5px 14px 7px; font-size: 17px; border-radius: 10px; box-shadow: 2px 2px 0 var(--color-accent-2-300); }
.vv-logo--badge  { padding: 6px 16px 8px; font-size: 16px; border-radius: 10px; box-shadow: 2px 2px 0 var(--color-accent-2-300); }
.vv-logo--table  { padding: 4px 14px 6px; font-size: 14px; border-radius: 999px; box-shadow: none; }
.vv-logo--scene  { padding: 5px 14px 7px; font-size: 15px; border-radius: 10px; box-shadow: none; }
.vv-logo-link { text-decoration: none; }

/* ── Размеры кнопок ───────────────────────────────────────────────────── */
.vv-btn-lg   { font-size: 16px; padding: 17px 32px; }
.vv-btn-form { font-size: 16px; padding: 16px; justify-content: center; }
.vv-btn-mob  { font-size: 16px; padding: 17px; justify-content: center; }
.vv-btn-md   { font-size: 15px; padding: 14px 16px; justify-content: center; }
.vv-btn-sm   { font-size: 14px; padding: 12px 22px; }
.vv-btn-nav  { font-size: 14px; padding: 12px 20px; white-space: nowrap; flex: none; }
.vv-btn-seg  { font-size: 13px; padding: 9px 18px; }
.vv-btn-xs   { font-size: 12px; padding: 8px 15px; }
.vv-btn-chip { font-size: 12px; padding: 7px 13px; }
.vv-btn-ico  { padding: 11px 13px; flex: none; align-items: center; justify-content: center; }
.vv-btn-mail { font-size: 14px; padding: 12px 18px; }