:root {
  /* Colors */
  --color-black: #090909;
  --color-white: #ffffff;
  --color-accent: #EC3608;
  --color-gray-dark: #212223;
  --color-gray-text: #3F434A;
  --color-gray-light: #8C95A4;
  --color-gray-nav: #484848;
  --color-bg-light: #F9F9F9;
  --color-bg-dark: #090909;
  --color-bg-dark-panel: #141414;
  --color-bg-white: #ffffff;
  --color-pure-black: #000000;
  --color-gray-placeholder: #d9d9d9;
  --color-grid-line-dark: #212223;
  --color-grid-line-light: #E3E3E3;

  /* Cross marker SVG (23x23). Due varianti: dark per bg chiari, light per bg scuri. Usare come `content: var(--cross-*)` su pseudo-elementi. */
  --cross-dark: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.6975' width='2.13953' height='23' fill='%23212223'/%3E%3Crect y='12.3025' width='2.13953' height='23' transform='rotate(-90 0 12.3025)' fill='%23212223'/%3E%3C/svg%3E");
  --cross-light: url("data:image/svg+xml,%3Csvg width='23' height='23' viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='10.6975' width='2.13953' height='23' fill='%23E3E3E3'/%3E%3Crect y='12.3025' width='2.13953' height='23' transform='rotate(-90 0 12.3025)' fill='%23E3E3E3'/%3E%3C/svg%3E");

  /* Typography */
  --font-primary: 'Poppins', sans-serif;
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* Font Sizes */
  --fs-hero: 65px;
  --fs-section-title: 45px;
  --fs-card-title: 40px;
  --fs-body-large: 33px;
  --fs-body: 27px;
  --fs-subtitle: 22px;
  --fs-nav: 18px;
  --fs-small: 17px;
  --fs-tag: 15px;

  /* Line Heights */
  --lh-hero: 1.36;
  --lh-section-title: 1.23;
  --lh-card-title: 1.34;
  --lh-body: 45px;

  /* Layout */
  --header-height: 90px;
  --container-max: 1330px;
  --container-gutter: 27px;
  --no-padding: 0px;
  --grid-columns: 4;
  --card-pl: 30px;
  --card-pt: 40px;
  --card-pb: 40px;
  --card-p-none: 0px;
  --card-pl-none: 0px;
  --card-pt-none: 0px;
  --padding-card: 67px;
  --card-p-service: 27px;
}


@media (max-width: 768px) {
  :root {
    --fs-subtitle: 16px;
    --lh-body: 36px;
  }
}