:root {
  /* Primary Colors */
  --color-primary-light: #265BAA;
  --color-primary-ultra-light: #d8e2fd;
  --color-primary-dark: #173F85;

  --border-color: #e4e4e4db;
  --background-color: #F7F8F9;

  /* Neutral Colors */
  --color-white: #ffffff;
  --color-black: #000000;
  --color-gray-50: #F9FAFB;
  --color-gray-100: #BEBEBE;
  --color-gray-150: #f5f5f5;
  --color-gray-200: #9798A8;
  --color-gray-300: #8D8D8D;
  --color-gray-400: #757682;
  --color-gray-500: #595A64;
  --color-gray-600: #333;
  --color-gray-700: #141A21;
  --color-gray-800: #f8f9fa;
  --color-gray-900: #717171;
  --color-gray-950: #2C3947;
  --color-gray-A0A0A0: #A0A0A0;
  /* Blue */
  --color-blue-100: #007bff;
  --color-blue-200: #1D7AFC;
  --color-blue-300: #9798A8;
  --color-blue-400: #D5D6ED;
  --color-blue-500: #F2F2F9;
  --color-blue-600: #EBF6FA;
  --color-dark-blue-500: #8DA8BA;
  --tropical-blue-300: #E3E4F3;
  /* Red */
  --color-red-100: #E34935;
  /* Yellow */
  --color-yellow-100: #CF9F02; 
  /* Light bg colors */
  --bg-primary: #F0F2F5;
  --bg-light-gray: #f1f1f1;

  /* Text Colors */
  --text-primary: #374151;
  --text-secondary: #6b7280;
  --text-muted: #9798a8;

  /* Message Colors */
  --success-bg: #4caf50;

  /* Scrollbar Colors */
  --scrollbar-track: #f1f1f1;
  --scrollbar-thumb: #888888;
  --scrollbar-thumb-hover: #555555;
  --color-text-505050:#505050;
  --color-grey-800:#3E3E3E;
  --color-grey-900: #2f2f2f;

  --color-success: #1B9763;
  --color-warning: #E2CD2E;
  --color-error: #C93F3F;
  --header-text-color: #485C6E;
  --hover-color: #e6edf3;
}

.template-content-container {
    margin-left: 0;
}

@media (min-width: 991px) {
    .template-sections {
        margin : auto;
        max-width: 1200px;
    }

    
    .template-content-container {
        margin-left: 115px;
    }
}