:root {
  /* Primary Colors */
  --onix-color-primary: #04196d;  /* Primary 600 Color */
  --onix-color-primary-F9B9B9: #637196;
  --onix-color-primary-FFEDEE: #7f8696;
  --onix-color-primary-FEEEEE: #8e8e96;
  --onix-color-primary-EF4749: #2b4b96;

  /* Text Colors */
  --onix-text-color-1000: #141414;
  --onix-text-color-900: #4A4A4A;
  --onix-text-color-800: #565656;
  --onix-text-color-700: #5E5E5E;
  --onix-text-color-600: #A1A1A1;
  --onix-text-color-500: #C7C7C7;
  --onix-text-color-400: #F7F7F7;
  --onix-text-color-300: #F2F2F2;
  --onix-text-color-200: #E7E7E7;
  --onix-text-color-100: #FFFFFF;

  /* Footer */
  --onix-bg-footer: #02003d;  /* Footer Background */

  /* Layout */
  --onix-site-width: 1300px;  /* Site Width */
  --onix-max-logo-width: 90px;  /* Max Logo Width */
  --onix-max-header-height: 90px;  /* Max Header Height */

  /* Fonts */
  --onix-font-primary: Vazirmatn;
  --onix-font-secondary: Vazirmatn;
  --onix-font-heading: Vazirmatn;
}