:root {
  /* Brand Core Colors */
  --brand-orange: #ed5807;
  --brand-orange-light: #ff8f1c;
  --brand-coral: #ff8f1c;
  --brand-charcoal: #323e48;
  --brand-red: #ed2024;
  --brand-red-dark: #a70c0e;
  --brand-blue: #347abe;
  --brand-navy: #002449;
  --brand-graphite: #323e48;
  --brand-graphite-dark: #222b31;
  --brand-graphite-light: #4a5763;
  --brand-linen: #f3f0eb;
  --brand-linen-dark: #d6d1ca;
  --brand-gray: #898a8d;
  --brand-gray-light: #f7f7f8;
  --brand-white: #ffffff;
  --brand-black: #111111;
  --brand-success: #00b576;

  /* Semantic Text Colors */
  --color-text: #323e48;
  --color-text-secondary: #4a5763;
  --color-text-muted: #898a8d;

  /* Brand Gradients */
  --brand-gradient: linear-gradient(45deg, #ed2024, #ff8f1c);
  --brand-gradient-reverse: linear-gradient(to bottom left, #ff8f1c, #ed2024);
  --brand-gradient-dark: linear-gradient(135deg, #002449, #323e48);

  /* Typography */
  --font-family-base: "sofia-pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-family-heading: "sofia-pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-weight-light: 300;
  --font-weight-normal: 500;
  --font-weight-medium: 500;
  --font-weight-semibold: 700;
  --font-weight-bold: 900;
  --font-weight-black: 900;
  --line-height-tight: 1.15;
  --line-height-base: 1.5;
  --line-height-relaxed: 1.65;

  /* Layout Containers */
  --container-max-width: 1360px;
  --container-small-max-width: 960px;
  --container-padding: 1.25rem;
  --header-height: 80px;

  /* Border Radii */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 16px;
  --border-radius-xl: 24px;
  --border-radius-pill: 50px;
  --border-radius-rounded: 0.6rem;
  --border-radius-rounded-lg: 2.5rem;

  /* Shadows */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.12);
  --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.18);

  /* Transitions */
  --transition-fast: 0.15s ease-in-out;
  --transition-normal: 0.25s ease-in-out;
  --transition-slow: 0.4s cubic-bezier(0.16, 1, 0.3, 1);

  /* Z-indices */
  --z-header: 1000;
  --z-dropdown: 1050;
  --z-flyout: 1060;
  --z-modal-backdrop: 1080;
  --z-modal: 1090;

  /* AEM / Paylocity Specific Variables */
  --form-bg: #f3f0eb;
  --form-fields-clr: #323e48;
  --form-placeholder-clr: #898a8d;
  --form-title-clr: #ed5807;
  --form-link-clr: #a70c0e;
  --title-color: #347abe;
  --swiper-theme-color: #ed5807;
}