/* ---------- Color Module Styles ----------- */
:root {
  /* Base */
  --color-white: #ffffff;

  /* Brand Colors */
  --color-primary-brand: #6EB6E7;
  --color-primary-brand-hover: #4BA6E2;
  --color-primary-brand-active: #2C96DD;

  --color-secondary-brand: #F17F29;
  --color-secondary-brand-hover: #E06000;
  --color-secondary-brand-active: #C75400;

  /* Semantic Colors */
  --color-dark: #684551;
  --color-success: #448885;
  --color-success-hover: #376D6A;
  --color-success-active: #2B5553;
  --color-text: #000000;
  --color-light: #FAFCFE;
  --color-stripe: #635BFF;
  --color-stripe-hover: #4F46E5;
  --color-stripe-active: #4338CA;
  --color-disabled: #C4C4C4;

  /* Additional Colors */
  --color-text-body: #4A4A68;
  --color-accent: #ECF1F4;
  --color-indigo: #0E0E2C;
  --color-border: #F3F4F6;

  /* Functional Colors */
  --color-menu-active-link: #6EB6E7;
  --color-menu-active-link-hover: #4BA6E2;
  --color-menu-active-link-active: #2C96DD;
}