/*
 * shared.css — общие переменные и базовые стили
 * Подключается в templates/digest-template.html и digests/index.html.
 * Специфичные для выпуска стили (карточки, сайдбар, фильтры) остаются inline.
 * .header-inner и .header-logo-row — в inline каждого файла (разные max-width / display).
 */

* { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:         #2e2e2e;
  --surface:    #383838;
  --surface2:   #323232;
  --header:     #242424;
  --border:     #424242;
  --orange:     #ff8c00;
  --orange-dim: rgba(255,140,0,0.15);
  --text:       #f0f0f0;
  --text-2:     #c8c8c8;
  --text-3:     #aaaaaa;
  --text-4:     #787878;
}

body {
  font-family: 'Inter', sans-serif;
  background-color: var(--bg);
  background-image: repeating-linear-gradient(
    -45deg,
    transparent,
    transparent 6px,
    rgba(0,0,0,0.08) 6px,
    rgba(0,0,0,0.08) 7px
  );
  color: var(--text);
  min-height: 100vh;
}

/* -- HEADER (общее) -- */
.site-header {
  background: var(--header);
  border-bottom: 3px solid var(--orange);
}
.logo-tagline {
  font-family: 'Oswald', sans-serif;
  font-size: 0.86rem;
  font-weight: 500;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--text-4);
  margin-top: 4px;
  padding-left: 2px;
}
.header-bottom {
  display: flex;
  align-items: stretch;
  border-top: 1px solid #333;
}
.header-label {
  font-family: 'Oswald', sans-serif;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--text-3);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.header-label.accent { color: var(--orange); }

/* -- FOOTER -- */
footer {
  border-top: 1px solid #3a3a3a;
  padding: 16px 28px;
  text-align: center;
  font-family: 'Oswald', sans-serif;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--text-4);
}

/* -- SCROLLBAR -- */
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: #222; }
::-webkit-scrollbar-thumb { background: #444; }