/* Elementor-like Global Settings (Design Tokens) */
:root, body, .elementor-editor-active {
  /* Global Colors (Elementor System Colors) */
  --e-global-color-primary: #1d1d1f !important;          /* Headings, main UI elements */
  --e-global-color-secondary: #6e6e73 !important;        /* Subheadings, lighter text */
  --e-global-color-text: #1d1d1f !important;             /* Body text */
  --e-global-color-accent: #ff6a13 !important;           /* Buttons, links, emphasis */
  --e-global-color-accent-hover: #e85c00 !important;     /* Accent hover states */
  --e-global-color-accent-light: #fff2e9 !important;     /* Light orange background tint */
  --e-global-color-accent-light-hover: rgba(255, 106, 19, 0.08) !important;

  /* Backgrounds & Neutral Colors */
  --e-global-color-bg-white: #ffffff;
  --e-global-color-bg-light: #f5f5f7;         /* Apple light gray background */
  --e-global-color-bg-dark: #1d1d1f;          /* Dark section background */
  --e-global-color-bg-dark-card: #2a2a2c;     /* Card background inside dark sections */
  --e-global-color-rating-star: #fbbc05;      /* Google review star yellow */

  /* Borders & Dividers */
  --e-global-color-border: #e8e8ed;
  --e-global-color-border-light: rgba(0, 0, 0, 0.06);
  --e-global-color-border-dark: #3a3a3c;      /* Border inside dark sections */

  /* Shadows */
  --e-shadow-box-form: 0 24px 60px rgba(0, 0, 0, 0.08);
  --e-shadow-box-mega: 0 30px 70px rgba(0, 0, 0, 0.14);
  --e-shadow-box-card: 0 4px 16px rgba(0, 0, 0, 0.05);
  --e-shadow-box-card-hover: 0 16px 40px rgba(0, 0, 0, 0.09);

  /* Typography */
  --e-global-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
  
  /* Animations & Transitions */
  --e-transition-slow: all 0.35s cubic-bezier(0.25, 0.1, 0.25, 1);
  --e-transition-normal: all 0.25s cubic-bezier(0.25, 0.1, 0.25, 1);
  --e-transition-fast: all 0.18s ease;
  
  /* Container Width & Spacing */
  --e-container-max-width: 1120px;
  --e-container-padding-x: 24px;
}