:root {
  /* 
  HEX Alpha Values
    100% — FF
    95% — F2
    90% — E6
    85% — D9
    80% — CC
    75% — BF
    70% — B3
    65% — A6
    60% — 99
    55% — 8C
    50% — 80
    45% — 73
    40% — 66
    35% — 59
    30% — 4D
    25% — 40
    20% — 33
    15% — 26
    10% — 1A
    05% — 0D
    00% — 00 
*/

  /* alt
  --danger-color: #ff4444;
  --danger-color-dark: #cc0000;
  --warning-color: #ffbb33;
  --warning-color-dark: #ff8800;
  --success-color: #00c851;
  --success-color-dark: #007e33;
  --info-color: #33b5e5;
  --info-color-dark: #0099cc; 
  */

  --color-navy: #001f3f;
  --color-blue: #007bff;
  --color-indigo: #6610f2;
  --color-purple: #6f42c1;
  --color-pink: #e83e8c;
  --color-red: #dc3545;
  --color-orange: #fd7e14;
  --color-yellow: #ffc107;
  --color-green: #28a745;
  --color-teal: #20c997;
  --color-cyan: #17a2b8;

  --color-white: #ffffff;
  --color-light: #f8f9fa;
  --color-silver: #dddddd;
  --color-gray-light: #aaaaaa;
  --color-gray: #6c757d;
  --color-gray-dark: #343a40;
  --color-dark: #343a40;
  --color-black: #1e1e1e;

  --color-theme-primary: #ffffff;
  --color-theme-primary-95: #fffffff2;
  --color-theme-primary-90: #ffffffe6;
  --color-theme-primary-80: #ffffffcc;
  --color-theme-primary-75: #ffffffbf;
  --color-theme-primary-65: #ffffffa6;
  --color-theme-primary-50: #ffffff80;
  --color-theme-primary-40: #ffffff66;
  --color-theme-primary-25: #ffffff40;
  --color-theme-primary-10: #ffffff1a;
  --color-theme-primary-05: #ffffff0d;

  --color-theme-secondary: #1e1e1e;
  --color-theme-secondary-95: #1e1e1ef2;
  --color-theme-secondary-90: #1e1e1ee6;
  --color-theme-secondary-80: #1e1e1ecc;
  --color-theme-secondary-75: #1e1e1ebf;
  --color-theme-secondary-65: #1e1e1ea6;
  --color-theme-secondary-50: #1e1e1e80;
  --color-theme-secondary-40: #1e1e1e66;
  --color-theme-secondary-25: #1e1e1e40;
  --color-theme-secondary-10: #1e1e1e1a;
  --color-theme-secondary-05: #1e1e1e0d;

  --color-theme-accent: #51afd3;
  --color-theme-accent-95: #51afd3f2;
  --color-theme-accent-90: #51afd3e6;
  --color-theme-accent-80: #51afd3cc;
  --color-theme-accent-75: #51afd3bf;
  --color-theme-accent-65: #51afd3a6;
  --color-theme-accent-50: #51afd380;
  --color-theme-accent-40: #51afd366;
  --color-theme-accent-25: #51afd340;
  --color-theme-accent-10: #51afd31a;
  --color-theme-accent-05: #51afd30d;

  --color-theme-tertiary: #06162c;
  --color-theme-tertiary-95: #06162cf2;
  --color-theme-tertiary-90: #06162ce6;
  --color-theme-tertiary-80: #06162ccc;
  --color-theme-tertiary-75: #06162cbf;
  --color-theme-tertiary-65: #06162ca6;
  --color-theme-tertiary-50: #06162c80;
  --color-theme-tertiary-40: #06162c66;
  --color-theme-tertiary-25: #06162c40;
  --color-theme-tertiary-10: #06162c1a;
  --color-theme-tertiary-05: #06162c0d;

  /* ----------------- */

  --color-black-95: #1e1e1ef2;
  --color-black-90: #1e1e1ee6;
  --color-black-80: #1e1e1ecc;
  --color-black-75: #1e1e1ebf;
  --color-black-65: #1e1e1ea6;
  --color-black-50: #1e1e1e80;
  --color-black-40: #1e1e1e66;
  --color-black-25: #1e1e1e40;
  --color-black-10: #1e1e1e1a;
  --color-black-05: #1e1e1e0d;

  --color-white-95: #fffffff2;
  --color-white-90: #ffffffe6;
  --color-white-80: #ffffffcc;
  --color-white-75: #ffffffbf;
  --color-white-65: #ffffffa6;
  --color-white-50: #ffffff80;
  --color-white-40: #ffffff66;
  --color-white-25: #ffffff40;
  --color-white-10: #ffffff1a;
  --color-white-05: #ffffff0d;

  --color-success: #28a745;
  --color-success-90: #28a745e6;
  --color-success-75: #28a745bf;
  --color-success-50: #28a74580;
  --color-success-25: #28a74540;
  --color-success-05: #28a7450d;

  --color-warn: #ffc107;
  --color-warn-90: #ffc107e6;
  --color-warn-80: #ffc107cc;
  --color-warn-75: #ffc107bf;
  --color-warn-65: #ffc107a6;
  --color-warn-50: #ffc10780;
  --color-warn-40: #ffc10766;
  --color-warn-25: #ffc10740;
  --color-warn-05: #ffc1070d;

  --color-danger: #dc3545;
  --color-danger-90: #dc3545e6;
  --color-danger-75: #dc3545bf;
  --color-danger-50: #dc354580;
  --color-danger-25: #dc354540;
  --color-danger-05: #dc35450d;

  --color-error: #dc3545;
  --color-error-90: #dc3545e6;
  --color-error-75: #dc3545bf;
  --color-error-50: #dc354580;
  --color-error-25: #dc354540;
  --color-error-05: #dc35450d;

  --color-info: #17a2b8;
  --color-info-90: #17a2b8e6;
  --color-info-75: #17a2b8bf;
  --color-info-50: #17a2b880;
  --color-info-25: #17a2b840;
  --color-info-05: #17a2b80d;

  --color-notice: #17a2b8;
  --color-notice-90: #17a2b8e6;
  --color-notice-75: #17a2b8bf;
  --color-notice-50: #17a2b880;
  --color-notice-25: #17a2b840;
  --color-notice-05: #17a2b80d;

  /* */
}

.dark {
  --color-theme-primary: #1e1e1e;
  --color-theme-primary-95: #1e1e1ef2;
  --color-theme-primary-90: #1e1e1ee6;
  --color-theme-primary-80: #1e1e1ecc;
  --color-theme-primary-75: #1e1e1ebf;
  --color-theme-primary-65: #1e1e1ea6;
  --color-theme-primary-50: #1e1e1e80;
  --color-theme-primary-40: #1e1e1e66;
  --color-theme-primary-25: #1e1e1e40;
  --color-theme-primary-10: #1e1e1e1a;
  --color-theme-primary-05: #1e1e1e0d;

  --color-theme-secondary: #ffffff;
  --color-theme-secondary-95: #fffffff2;
  --color-theme-secondary-90: #ffffffe6;
  --color-theme-secondary-80: #ffffffcc;
  --color-theme-secondary-75: #ffffffbf;
  --color-theme-secondary-65: #ffffffa6;
  --color-theme-secondary-50: #ffffff80;
  --color-theme-secondary-40: #ffffff66;
  --color-theme-secondary-25: #ffffff40;
  --color-theme-secondary-10: #ffffff1a;
  --color-theme-secondary-05: #ffffff0d;
}