/* Десятые (2010–2019): плоский дизайн, Material, сине-стальная гамма Steam в темноте. */
@import url("../fonts/fonts.css");

html[data-era="tens"] {
  --font-display: "Montserrat", "Roboto", system-ui, sans-serif;
  --font-body: "Roboto", system-ui, sans-serif;
  --weight-display: 800;
  --case-display: none;
  --tracking-display: -0.01em;

  --c-bg: #f4f5f9;
  --c-surface: #ffffff;
  --c-surface-2: #e8eaf3;
  --c-text: #202124;
  --c-muted: #5f6368;
  --c-accent: #3f51b5;
  --c-accent-2: #ff4081;
  --c-on-accent: #ffffff;
  --c-link: #3949ab;
  --c-border: #dfe2ec;
  --c-read: #8a8f9c;

  --radius: 4px;
  --radius-sm: 4px;
  --rule: 1px solid var(--c-border);
  --rule-strong: 2px solid var(--c-accent);
  --shadow: 0 1px 3px rgba(60, 64, 67, 0.3), 0 4px 8px 3px rgba(60, 64, 67, 0.15);
  --shadow-sm: 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px 1px rgba(60, 64, 67, 0.15);

  --photo-filter: none;
  --texture-bg: none;

  /* Тёмный вариант: клиент Steam. */
  --d-bg: #171a21;
  --d-surface: #1b2838;
  --d-surface-2: #2a475e;
  --d-text: #c7d5e0;
  --d-muted: #8f98a0;
  --d-accent: #66c0f4;
  --d-accent-2: #a4d007;
  --d-on-accent: #0f1a26;
  --d-link: #66c0f4;
  --d-border: #2a475e;
  --d-read: #78838f;
}

html[data-era="tens"] main h2 {
  padding-bottom: 0.25em;
  border-bottom: 3px solid var(--c-accent);
  display: inline-block;
}

html[data-era="tens"] .chip,
html[data-era="tens"] .button {
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.04em;
}

html[data-era="tens"] .card {
  border: 0;
  box-shadow: var(--shadow-sm);
}