:root {
  /* Brand colors */
  --varta-red: #d20a10;
  --varta-red-dark: #a70a0f;
  --varta-red-soft: #fff1f1;
  --varta-black: #0b0a0c;
  --varta-text: #171517;
  --varta-text-muted: #666166;
  --varta-border: #dedbdd;
  --varta-border-strong: #c8c4c6;
  --varta-bg: #f7f6f5;
  --varta-surface: #ffffff;
  --varta-surface-soft: #fbfaf9;
  --varta-white: #ffffff;
  --varta-gold: #e3a33a;
  --varta-focus: #ffbf47;
  --varta-telegram: #168bd2;

  /* Typography: Inter is loaded from its official CDN; fallbacks preserve Cyrillic. */
  --varta-font-brand: "Inter", "Noto Sans", Arial, sans-serif;
  --varta-font-body: "Inter", "Noto Sans", Arial, sans-serif;
  --varta-font-editorial-serif: Georgia, "Times New Roman", serif;

  --varta-text-xs: 0.8125rem;
  --varta-text-sm: 0.875rem;
  --varta-text-md: 1rem;
  --varta-text-lg: 1.125rem;
  --varta-text-xl: clamp(1.25rem, 0.45vw + 1.08rem, 1.5rem);
  --varta-text-2xl: clamp(1.55rem, 1vw + 1.12rem, 2.15rem);
  --varta-text-hero: clamp(2.15rem, 1.85vw + 0.85rem, 3.05rem);
  --varta-text-article: clamp(2.55rem, 2.6vw + 0.75rem, 4rem);

  /* Spacing */
  --varta-space-1: 0.25rem;
  --varta-space-2: 0.5rem;
  --varta-space-3: 0.75rem;
  --varta-space-4: 1rem;
  --varta-space-6: 1.5rem;
  --varta-space-8: 2rem;
  --varta-space-12: 3rem;
  --varta-space-16: 4rem;
  --varta-space-24: 6rem;

  /* Shape */
  --varta-radius-sm: 4px;
  --varta-radius-md: 7px;
  --varta-radius-lg: 10px;
  --varta-radius-pill: 999px;
  --varta-shadow-float: 0 12px 30px rgba(11, 10, 12, 0.10);

  /* Layout */
  --varta-shell-max: 1500px;
  --varta-reading-max: 720px;
  --varta-article-header-max: 980px;
  --varta-article-media-max: 1180px;
  --varta-gutter: clamp(1rem, 2.2vw, 2rem);
  --varta-grid-gap: clamp(0.9rem, 1.25vw, 1.25rem);
  --varta-section-gap: clamp(1.4rem, 2.1vw, 2.25rem);
  --varta-header-height: 76px;
  --varta-now-height: 42px;

  --varta-transition: 160ms ease;
}