/* Хрущёвская оттепель (1953–1964): бирюза и оранжевый, растр, наклон. */
@import url("../fonts/fonts.css");

html[data-era="khrushchev"] {
  --font-display: "Yanone Kaffeesatz", "Oswald", sans-serif;
  --font-body: "PT Sans", system-ui, sans-serif;
  --weight-display: 700;
  --case-display: uppercase;
  --tracking-display: 0.03em;

  --c-bg: #f7f3e8;
  --c-surface: #ffffff;
  --c-surface-2: #e6eef0;
  --c-text: #1e2a32;
  --c-muted: #5a6b76;
  --c-accent: #e4572e;
  --c-accent-2: #2a9d8f;
  --c-on-accent: #ffffff;
  --c-link: #1d7f74;
  --c-border: #9db4c0;
  --c-read: #8698a3;

  --radius: 4px;
  --radius-sm: 3px;
  --rule: 1px solid var(--c-border);
  --rule-strong: 2px solid var(--c-accent-2);
  --shadow: 0 2px 0 rgba(42, 157, 143, 0.25);
  --shadow-sm: none;

  --photo-filter: saturate(1.05) contrast(1.03);
  --texture-bg: radial-gradient(circle at 1px 1px, rgba(42, 157, 143, 0.16) 1px, transparent 1.4px);
  background-size: 8px 8px;
}

html[data-era="khrushchev"] body {
  background-size: 8px 8px;
}

html[data-era="khrushchev"] h1,
html[data-era="khrushchev"] h2 {
  transform: skewX(-5deg);
  transform-origin: left bottom;
}

html[data-era="khrushchev"] main h2 {
  border-bottom: 2px solid var(--c-accent);
  padding-bottom: 0.15em;
}