:root {
    --color-primary: #4990C6;
    --color-primary-dark: #5BAFF0;
    --color-primary-800: #7CBFF3;
    --color-primary-600: #9DCFF6;
    --color-primary-400: #CEE7FB;
    --color-primary-200: #DEEFFC;
    --color-primary-light: #EFF7FE;
    /* regent */
    /* --color-primary: #B8914F;
    --color-primary-dark: #93743F;
    --color-primary-800: #C6A772;
    --color-primary-600: #D4BD95;
    --color-primary-400: #E3D3B9;
    --color-primary-200: #EADECA;
    --color-primary-light: #FEF7EC; */
    /*--color-secondary: #f27c5a;
      --color-secondary-dark: #d06b4e;
      --color-secondary-800: #F5967B;
      --color-secondary-600: #F7B09C;
      --color-secondary-400: #FACBBD;
      --color-secondary-200: #FBD8CE;
      --color-secondary-light: #FEF2EF;*/
    --color-danger: #F34A4A;
    --color-danger-400: #f3adad;
    --color-danger-200: #f8cbcb;
    --color-danger-light: #fbf0f0;
    --color-success: #53d539;
    --color-success-200: #aced9b;
    --color-success-light: #effbec;
    --color-warning: #f58c22;
    --color-warning-200: #fcd3af;
    --color-warning-light: #FBF3EC;
    --color-info: #4AA2F3;
    --color-info-200: #c0d9ff;
    --color-info-light: #EFF5FE;
    --color-gray-900: #2d2d2d;
    --color-gray-800: #4d4d4d;
    --color-gray-700: #6f6f6f;
    --color-gray-600: #909090;
    --color-gray-500: #b6b6b6;
    --color-gray-400: #dadada;
    --color-gray-300: #ececec;
    --color-gray-200: #f6f6f6;
    --color-gray-light: #f9f9f9;
    --color-white: #fff;
    --color-black: #000;
    --color-shadow-primary: 0 4px 8px 0 rgba(43, 43, 43, 0.06);
    --color-shadow-secondary: 0 6px 12px 0 rgba(43, 43, 43, 0.1);
}
/*
  :root {
    --font-primary:var(--color-black);
    --background-primary:var(--color-gray-200);
    --frame-primary:var(--color-white);
    --header-primary: var(--color-primary);
    --header-secondary: var(--color-primary-dark);
    --header-third: var(--color-white);
    --header-fourth: var(--color-primary-600);
    --header-text-primary:var(--color-white);
    --header-text-secondary:var(--color-black);
    --footer-primary:var(--color-gray-900);
    --footer-text-primary:var(--color-white);
    --footer-text-secondary:var(--color-white);
    --panel-primary:var(--color-gray-900);
    --panel-secondary:var(--color-gray-500);
    --panel-text-primary:var(--color-white);
  }*/