:root {
  --bg-page: #fafafa;
  --bg-white: #ffffff;
  --bg-gray: #eeeeee;
  --bg-dark: #1a1a1a;
  --bg-promo: #2a2a2a;
  --bg-footer: #2c2c2c;
  --text: #333333;
  --text-muted: #666666;
  --text-on-dark: #ffffff;
  --accent: #007fa6;
  --accent-mid: #4a9bb0;
  --accent-deep: #0b4a5c;
  --cta: #e23a47;
  --cta-hover: #c8323d;
  --border: #dddddd;
  --focus: #007fa6;
  --font: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --container: 1170px;
  --radius-btn: 2px;
  --header-h: 100px;
  --promo-h: 43px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --shadow-header: 0 1px 4px rgba(0, 0, 0, 0.08);
}