:root {
  --brand-primary: #ff3d18;
  --brand-primary-hover: #e62e10;
  --brand-primary-soft: #fff1ed;
  --brand-dark: #001533;
  --brand-dark-alt: #061f45;
  --text-primary: #071832;
  --text-secondary: #42526b;
  --surface-primary: #ffffff;
  --surface-secondary: #f7f9fc;
  --border-color: #dde5ef;
  --font-heading: "Roboto", sans-serif;
  --font-body: "Open Sans", sans-serif;
  --container-width: 1180px;
  --radius-button: 7px;
  --radius-card: 8px;
  --shadow-card: 0 16px 40px rgba(0, 21, 51, 0.09);
  --section-space-desktop: 78px;
  --section-space-tablet: 60px;
  --section-space-mobile: 44px;
  --main-color: var(--brand-primary);
  --body-color: var(--text-secondary);
  --heading-color: var(--text-primary);
  --body-family: var(--font-body);
  --heading-family: var(--font-heading);
  --border-radius: var(--radius-button);
  --box-shadow: var(--shadow-card);
}