/**
 * Единая тема конвейера «Живая речь» — как на index.html
 * Подключайте после локальных стилей страницы; на <body> добавьте class="ls-theme-index"
 */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,500;0,9..144,700;1,9..144,500&family=Source+Sans+3:ital,wght@0,400;0,600;0,700;1,400&display=swap');

:root {
  --ls-bg0: #0c0f0e;
  --ls-bg1: #141a18;
  --ls-panel: #1a2220;
  --ls-stroke: rgba(212, 175, 55, 0.22);
  --ls-gold: #d4af37;
  --ls-gold-dim: #9a7b2c;
  --ls-copper: #c67d4e;
  --ls-mint: #6ee7b7;
  --ls-text: #e8ebe9;
  --ls-muted: #8b9a94;
}

body.ls-theme-index {
  font-family: 'Source Sans 3', system-ui, sans-serif !important;
  color: var(--ls-text) !important;
  background:
    radial-gradient(ellipse 90% 60% at 10% -10%, rgba(198, 125, 78, 0.18), transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 20%, rgba(110, 231, 183, 0.08), transparent 50%),
    linear-gradient(165deg, var(--ls-bg0), var(--ls-bg1) 40%, #0a0d0c) !important;
}

a.ls-btn-settings {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 14px;
  border-radius: 12px;
  font-weight: 700;
  font-size: 0.88rem;
  text-decoration: none;
  border: 1px solid rgba(212, 175, 55, 0.45);
  color: var(--ls-gold);
  background: rgba(212, 175, 55, 0.1);
  white-space: nowrap;
  font-family: 'Source Sans 3', system-ui, sans-serif;
  box-sizing: border-box;
}

a.ls-btn-settings:hover {
  background: rgba(212, 175, 55, 0.18);
  color: #f5e6a3;
}
