/* ===== CSS Custom Properties (Design Tokens) ===== */
:root {
  /* Colors */
  --color-primary: #1E2635;
  --color-red: #E52722;
  --color-red-light: #FD2415;
  --color-white: #FFFFFF;
  --color-black: #000000;
  --color-gray-text: #707070;
  --color-gray-light: #F2F2F2;
  --color-gray-bg: #ECEDF3;
  --color-gray-mid: #989898;
  --color-gray-card: #D9D9D9;
  --color-footer-bg: #6F6F6F;

  /* Typography */
  --font-main: 'Montserrat', sans-serif;

  /* Font Weights */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* Spacing */
  --container-width: 1120px;
  --container-padding: 160px;
  --section-padding: 80px 0;

  /* Border Radius */
  --radius-sm: 7px;
  --radius-md: 25px;
  --radius-lg: 30px;
  --radius-pill: 70px;

  /* Transitions */
  --transition: 0.3s ease;
}