/*
 * Global CSS Variables
 * These variables define design tokens for consistent styling across the site.
 * Adjust these values to modify your site's appearance.
 */
:root {
  /* --- Elementor Section & Container Padding --- */

  /* Global Side Padding (Left & Right) for all Sections/Containers */
  --fluid-side-padding-min: 1.25rem; /* 20px */
  --fluid-side-padding-max: 5rem; /* 80px */

  /* Top and Bottom Padding for Containers (Smallest to Largest) */
  --section-xxs-padding-min: 1.5rem; /* 24px */
  --section-xxs-padding-max: 1.5rem; /* 24px */

  --section-xs-padding-min: 2.5rem; /* 40px */
  --section-xs-padding-max: 2.5rem; /* 40px */

  --section-s-padding-min: 3.75rem; /* 60px */
  --section-s-padding-max: 3.75rem; /* 60px */

  --section-m-padding-min: 5rem; /* 80px */
  --section-m-padding-max: 5rem; /* 80px */

  --section-l-padding-min: 5.625rem; /* 90px */
  --section-l-padding-max: 6.25rem; /* 100px */

  --section-xl-padding-min: 6.875rem; /* 110px */
  --section-xl-padding-max: 7.5rem; /* 120px */

  --section-xxl-padding-min: 9.375rem; /* 150px */
  --section-xxl-padding-max: 10rem; /* 160px */

  --section-header-padding-min: 1.25rem; /* 20px */
  --section-header-padding-max: 1.25rem; /* 20px */

  /* Section Heights */
  --section-hero-height: 100vh; /* Page Hero Sections Height */
  --section-fullh-height: 100vh; /* Full Height Sections (100% screen height) */

  /* Offset for Overlay Headers */
  --section-offset-header: 80px; /* Adjust to the overlay header's negative margin */

  /* Widths for Narrow Sections / Containers (Smallest to Largest) */
  --section-slim-t: 32rem; /* 560px */
  --section-slim-s: 37rem; /* 640px */
  --section-slim-m: 45rem; /* 720px - Renamed from --section-slim */
  --section-slim-l: 62.5rem; /* 1000px */
  --section-slim-xl: 75rem; /* 1200px - New XL slim width */

  /* --- Border Radius (Smallest to Largest) --- */
  --ev-border-radius-0: 0px;
  --ev-border-radius-s: 4px;
  --ev-border-radius-m: 8px;
  --ev-border-radius-l: 16px;
  --ev-border-radius-xl: 30px;
  --ev-border-radius-1: 9999px; /* Renamed from --ev-border-radius-full */

  /* --- Border Width (Smallest to Largest) --- */
  --ev-border-width-0: 0px;
  --ev-border-width-s: 0.5px;
  --ev-border-width-m: 1px;
  --ev-border-width-l: 2px;
  --ev-border-width-xl: 4px;

  /* --- Default Border Style & Color --- */
  --ev-default-border-style: solid;
  --ev-default-border-color: #ccc;

  /* --- Box Shades (Shadows) (Smallest to Largest) --- */
  --ev-shade-0: none;
  --ev-shade-s: 0px 0px 3px 0px rgba(26, 26, 26, 0.2);
  --ev-shade-m: 0px 0px 4px 0px rgba(26, 26, 26, 0.24);
  --ev-shade-l: 0px 4px 8px -2px rgba(26, 26, 26, 0.32);
  --ev-shade-xl: 0px 8px 16px -4px rgba(26, 26, 26, 0.48);
}