:root {
  /* === COLORS === */
  --color-black: #2D2E32;
  --color-white: #F8F8F8;
  --color-orange: #EC5800;
  --color-blue: #708DD0;
  --color-orange-light: #F48E11;
  --color-orange-pale: #FAB48A;
  --color-gray: #747474;
  --color-gray-light: #B4B4B4;
  --color-gray-blue: #ABB9D7;

  /* === TYPOGRAPHY — Families === */
  --font-montserrat: 'Montserrat', sans-serif;
  --font-pt-sans: 'PT Sans Caption', sans-serif;
  --font-golos: 'Golos Text', sans-serif;
  --font-inter: 'Inter', sans-serif;

  /* === TYPOGRAPHY — Font sizes === */
  --fs-hero: 48px;
  --fs-h1: 48px;
  --fs-h2: 36px;
  --fs-h-accent: 64px;
  --fs-h4: 24px;
  --fs-h5: 24px;
  --fs-text: 18px;
  --fs-btn: 18px;
  --fs-caption: 16px;
  --fs-mini: 14px;

  /* === TYPOGRAPHY — Line heights === */
  --lh-heading: 1.2;
  --lh-subheading: 1.3;
  --lh-body: 1.5;
  --lh-caption: 1.4;
  --lh-btn: 1.2;

  /* === TYPOGRAPHY — Font weights === */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  /* === SPACING === */
  --container-max: 1440px;
  --container-padding-x: 120px;
  --section-gap: 200px;
  --section-inner-gap: 50px;
  --component-gap: 30px;
  --form-row-gap: 20px;

  /* === BORDER RADIUS === */
  --radius-card: 5px;

  /* === SHADOWS === */
  --shadow-header: 0px 4px 20px 0px rgba(112, 141, 208, 0.15);

  /* === BORDERS === */
  --border-gray-light: 1px solid #B4B4B4;
  --border-blue: 1px solid #708DD0;
  --border-orange: 1px solid #EC5800;
  --border-gray-blue: 1px solid #ABB9D7;
  --border-dark: 2px solid #747474;
  --underline-orange: 2px solid #EC5800;
  --underline-blue: 2px solid #708DD0;

  /* === HEADER === */
  --header-height-mobile: 56px;
  --header-height-tablet: 66px;
  --header-height-desktop: 86px;

  /* === TRANSITIONS === */
  --transition-fast: 0.2s ease;
  --transition-medium: 0.3s ease;

  /* === GRADIENTS (hero background) === */
  --gradient-blue-radial: radial-gradient(circle at 50% 50%, #708DD0 0%, #F8F8F8 100%);
  --gradient-orange-radial: radial-gradient(circle at 50% 50%, #F48E11 0%, #FAB48A 47%, #F8F8F8 100%);
}
