/* -----------------------------------------------------------------
   Design variables (:root)
   ----------------------------------------------------------------- */
:root {
  /* Brand */
  --lexx-accent-blue: #00ACEF;
  --lexx-accent-orange: #E25027;
  --lexx-light-orange: #F7931E;

  /* Neutrals */
  --lexx-text: #1C1C1C;
  --lexx-white: #FFFFFF;
  --lexx-light-gray: #F5F5F5;
  --lexx-dark-gray: #3D3D3D;

  /* Semantic */
  --lexx-placeholder: rgba(73, 73, 73, 0.4);
  --lexx-muted: rgba(73, 73, 73, 0.6);
  --lexx-success: #4caf50;
  --lexx-error: #ff3b30;
  --lexx-error-bg: rgba(255, 59, 48, 0.06);
  --lexx-error-border: rgba(255, 59, 48, 0.2);
  --lexx-focus-ring: rgba(0, 172, 239, 0.1);
  --lexx-blue-light: #78d7fb;
  --lexx-card-dark: #63666a;
  --lexx-input-placeholder: #3d3d3d60;

  /* Surfaces */
  --lexx-border: rgba(73, 73, 73, 0.12);
  --lexx-shadow: 0 8px 20px rgba(73, 73, 73, 0.08);
  --lexx-shadow-hover: 0 12px 26px rgba(73, 73, 73, 0.14);

  /* Sizing */
  --lexx-radius-card: 16px;
  --lexx-radius-btn: 14px;
  --lexx-container: 1390px;
  --lexx-section-pad: 60px;

  /* Standard contact / lead forms (not newsletter .section-callout--revamp) */
  --lexx-form-card-radius: 12px;
  --lexx-form-input-radius: 8px;
  --lexx-form-padding: 24px 28px;
  --lexx-form-submit-radius: var(--lexx-radius-btn);
  --lexx-form-submit-padding-y: 14px;
  --lexx-form-submit-padding-x: 28px;
  --lexx-form-textarea-min-height: 120px;

  /* Typography */
  --lexx-font-primary: 'Poppins', sans-serif;

  /* Gradients */
  --lexx-btn-gradient: linear-gradient(to right, var(--lexx-accent-orange), var(--lexx-light-orange), var(--lexx-accent-orange));
}