:root {
  /* ========================================
     BRAND & THEME COLORS
     Auto-generated from SCSS brand colors
     ======================================== */

  /* Brand Colors */
  --theme-brand-primary: #000000;
  --theme-brand-secondary: #ffffff;
  --theme-brand-tertiary: #0032a0;
  --theme-brand-highlight: #000f70;
  --theme-brand-highlight-secondary: #b4191e;
  --theme-brand-highlight-tertiary: #fadc00;

  /* Black */
  --theme-black: black;
  --theme-black-black: #000000;
  --theme-black-dark: #0a0a0a;
  --theme-black-darker: #222222;
  --theme-black-custom: #2D2D2D;
  --theme-black-custom-2: #1b1b1b;

  /* White */
  --theme-white: #ffffff;
  --theme-white-white: #ffffff;
  --theme-white-light: #fefefe;
  --theme-white-lighter: #f1f1f1;
  --theme-white-custom: #e9f5e9;
  --theme-white-custom-2: #e6e6e6;
  --theme-white-custom-3: #ebebeb;
  --theme-white-custom-4: #ccc;
  --theme-white-custom-5: #F5F5F5;
  --theme-white-custom-6: #cacaca;
  --theme-white-custom-7: #eee;
  --theme-white-custom-8: #eceeef;
  --theme-white-custom-9: #f8f8f8;

  /* Grey */
  --theme-grey-medium: #959595;
  --theme-grey-dark: #464646;
  --theme-grey-light: #e0e0e0;
  --theme-grey-vlight: #f1f1f1;
  --theme-grey-line: #b1b2b3;
  --theme-grey-text: #8a8a8a;
  --theme-grey-success: #545454;
  --theme-grey-bg: #bababa;
  --theme-grey-bg-light: #aaaaaa;
  --theme-grey-custom: #333;

  /* Blue */
  --theme-blue-primary: #0032a0;
  --theme-blue-dark: #000f70;
  --theme-blue-info: #00b5ff;
  --theme-blue: #0032a0;
  --theme-blue-darker: #000f70;
  --theme-blue-medium: #165366;
  --theme-blue-info-alt: #3085d6;
  --theme-blue-info-bg: rgba(50,100,150,0.4);
  --theme-blue-info-light-bg: #d3e6f7;
  --theme-blue-custom: #2ba6cb;
  --theme-blue-custom-2: #3A5795;
  --theme-blue-custom-3: #1BB1E7;
  --theme-blue-custom-4: #4b728d;
  --theme-blue-custom-5: #002d91;
  --theme-blue-custom-6: #000d61;
  --theme-blue-custom-7: #c9dae1;
  --theme-blue-custom-8: #26323d;

  /* Red */
  --theme-red-primary: #b4191e;
  --theme-red-warning: #f26c57;
  --theme-red-alert: #d71c2d;
  --theme-red: red;
  --theme-red-danger: #d71c2d;
  --theme-red-light-bg: #63080a;
  --theme-red-icon: #da0010;
  --theme-red-custom: #E53A40;

  /* Green */
  --theme-green-success: #008540;
  --theme-green-bg: #2f5212;
  --theme-green-dark: #a5dc86;
  --theme-green-custom: #193212;

  /* Yellow */
  --theme-yellow: #fadc00;

  /* Orange */
  --theme-orange: #ff6720;
  --theme-orange-bg: #805700;
  --theme-orange-alt: #c6a445;
  --theme-orange-custom: #FFC439;
  --theme-orange-custom-2: #DC911D;
  --theme-orange-custom-3: #c66c12;
  --theme-orange-custom-4: #ffe300;
  --theme-orange-custom-5: #f27474;

  --theme-transparent: transparent;
  --theme-bg: #ffffff;
  --theme-rgba-custom: rgba(0,0,0,0.8);
  --theme-rgba-custom-2: rgba(0,0,0,0.6;
  --theme-rgba-custom-3: rgba(254,254,254,0.25);
  --theme-rgba-custom-4: rgba(10,10,10,0.5);
  --theme-rgba-custom-5: rgba(0,0,0,0.6);
  --theme-rgba-custom-6: rgba(255,255,255,0.9);
  --theme-rgba-custom-7: rgba(10,10,10,0.45);

  /* Primary color references */
  --primary-color: var(--theme-brand-primary, var(--theme-black));
  --secondary-color: var(--theme-brand-secondary, var(--theme-white));
  --tertiary-color: var(--theme-brand-tertiary, var(--theme-blue-primary));
}