:root {
  /* Шрифты */
  --font-h1: 28px;
  --font-site-tile: 28px;
  --font-page-title: 14px;
  --font-nav-link: 14px;
  --font-footer-nav-h3: 18px;
  --font-footer-link: 14px;
  --font-footer-copyright: 14px;
  --font-footer-contacts-h3: 18px;
  --font-contacts-link: 14px;
  --font-post-card-title: 22px;
  --font-post-card-excerpt: 16px;
  --font-post-date: 14px;
  --font-post-title: 32px;
  --font-post-content_h2: 24px;
  --font-post-content_h3: 20px;
  --font-post-content_h4: 18px;
  --font-post-code: 14px;
  --font-post-code-pre: 13px;

  --font-mobile-title: 24px;
  --font-mobile-post-content_h2: 20px;
  --font-mobile-post-content_h3: 18px;
  --font-mobile-post-content_h4: 16px;


  --font-tag-link: 0.9rem;
	
  /* Цвета (если нет) */
  --color-primary: #3498db;
  --color-text: #333;
  --color-text-secondary: #999;
  --color-bg: #fff;
  --color-border: #eee;
  --color-secondary: #3498db21;

  /* Размеры */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;

  /* Header */
  --header-padding: 20px;
  --header-gap: 16px;
  --nav-link-padding: 8px 12px;
  --nav-link-border-radius: 6px;
  --nav-link-border-color: #3498db;
  --nav-link-border-width: 2px;

  /* Footer */
  --footer-padding: 40px 20px;
  --footer-gap: 40px;
  --footer-bg: #f5f5f5;
  --footer-text-color: #666;
  --footer-border-color: #ddd;

  /* Post Card */
  --post-card-bg: #fff;
  --post-card-border: 1px solid #eee;
  --post-card-border-radius: 8px;
  --post-card-padding: 20px;
  --post-card-margin-bottom: 24px;
  --post-card-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  --post-card-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
  --post-date-color: #999;
  --post-date-font-size: 12px;
}
