/**
 * Вариант 2 — современный индустриальный дизайн
 */
:root {
  --color-primary: #1a2744;
  --color-primary-light: #243556;
  --color-accent: #e85d04;
  --color-accent-hover: #dc2f02;
  --color-accent-soft: rgba(232, 93, 4, 0.12);

  --color-bg: #ffffff;
  --color-bg-muted: #f0f2f6;
  --color-bg-alt: var(--color-bg-muted);
  --color-bg-dark: #0f1724;
  --color-surface: #ffffff;

  --color-text: #2d3748;
  --color-text-muted: #64748b;
  --color-text-light: #ffffff;
  --color-heading: #0f1724;

  --color-border: #e2e8f0;
  --shadow-sm: 0 1px 3px rgba(15, 23, 36, 0.08);
  --shadow-md: 0 12px 40px rgba(15, 23, 36, 0.12);
  --shadow-lg: 0 24px 60px rgba(15, 23, 36, 0.18);

  --font-body: "Inter", "Segoe UI", Arial, sans-serif;
  --font-heading: "Manrope", "Segoe UI", Arial, sans-serif;
  --font-size-base: 16px;
  --line-height: 1.65;

  --container-max: 1280px;
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 28px;

  --transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}