body[data-brand-env="luckyluke"].bp-light-mode,
body[data-brand-env="luckyluke"]{
    /* #region Base Colors */
    --bp-color-primary: #781ea9;
    --bp-color-primary-rgb: 120,30,169;
    --bp-color-primary-contrast: #ffffff;
    --bp-color-primary-contrast-rgb: 255,255,255;
    --bp-color-primary-shade: #4c136b;
    --bp-color-primary-tint: #8635b2;

    --bp-color-secondary: #b764d2;
    --bp-color-secondary-rgb: 183,100,210;
    --bp-color-secondary-contrast: #000000;
    --bp-color-secondary-contrast-rgb: 0,0,0;
    --bp-color-secondary-shade: #a158b9;
    --bp-color-secondary-tint: #be74d7;
  
    --bp-color-tertiary: #a078f0;
    --bp-color-tertiary-rgb: 160, 120, 240;
    --bp-color-tertiary-contrast: #000000;
    --bp-color-tertiary-contrast-rgb: 0, 0, 0;
    --bp-color-tertiary-shade: #8d6ad3;
    --bp-color-tertiary-tint: #aa86f2;
  
    --bp-color-success: #7abf00;
    --bp-color-success-rgb: 122, 191, 0;
    --bp-color-success-contrast: #ffffff;
    --bp-color-success-contrast-rgb: 0, 0, 0;
    --bp-color-success-shade: #6ba800;
    --bp-color-success-tint: #87c51a;
  
    --bp-color-info: #2196f3;
    --bp-color-info-rgb: 33, 150, 243;
    --bp-color-info-contrast: #ffffff;
    --bp-color-info-contrast-rgb: 0, 0, 0;
    --bp-color-info-shade: #1d84d6;
    --bp-color-info-tint: #37a1f4;
  
    --bp-color-warning: #f49f00;
    --bp-color-warning-rgb: 244, 159, 0;
    --bp-color-warning-contrast: #ffffff;
    --bp-color-warning-contrast-rgb: 0, 0, 0;
    --bp-color-warning-shade: #d78c00;
    --bp-color-warning-tint: #f5a91a;

    --bp-color-danger: #dd4a4a;
    --bp-color-danger-rgb: 221, 74, 74;
    --bp-color-danger-contrast: #ffffff;
    --bp-color-danger-contrast-rgb: 0, 0, 0;
    --bp-color-danger-shade: #c24141;
    --bp-color-danger-tint: #e05c5c;

    --bp-color-light: #eaecf2;
    --bp-color-light-rgb: 234, 236, 242;
    --bp-color-light-contrast: #000000;
    --bp-color-light-contrast-rgb: 0, 0, 0;
    --bp-color-light-shade: #ced0d5;
    --bp-color-light-tint: #eceef3;

    --bp-color-medium: #9ea7d3;
    --bp-color-medium-rgb: 158, 167, 211;
    --bp-color-medium-contrast: #000000;
    --bp-color-medium-contrast-rgb: 0, 0, 0;
    --bp-color-medium-shade: #8b93ba;
    --bp-color-medium-tint: #a8b0d7;

    --bp-color-dark: #383a6a;
    --bp-color-dark-rgb: 56, 58, 106;
    --bp-color-dark-contrast: #ffffff;
    --bp-color-dark-contrast-rgb: 255, 255, 255;
    --bp-color-dark-shade: #31335d;
    --bp-color-dark-tint: #4c4e79;

    --bp-color-white: #ffffff;
    --bp-color-white-rgb: 255, 255, 255;
    --bp-color-white-contrast: #000000;
    --bp-color-white-contrast-rgb: 0, 0, 0;
    --bp-color-white-shade: #e0e0e0;
    --bp-color-white-tint: #ffffff;

    --bp-color-black: #000000;
    --bp-color-black-rgb: 0, 0, 0;
    --bp-color-black-contrast: #ffffff;
    --bp-color-black-contrast-rgb: 255, 255, 255;
    --bp-color-black-shade: #000000;
    --bp-color-black-tint: #1a1a1a;
    /* #endregion Base Colors */

    /* ELEMENTS SPECIFIC COLORS */
    /* #region Application Background */
    --bp-color-application-background: #010012;
    --bp-color-application-background-rgb: 1,0,18;
    --bp-color-application-background-contrast: #ffffff;
    --bp-color-application-background-contrast-rgb: 255,255,255;
    --bp-color-application-background-shade: #010010;
    --bp-color-application-background-tint: #1a1a2a;
    /* #endregion Application Background */

    /* #region Header Background */
    --bp-color-header-background: #0d082e;
    --bp-color-header-background-rgb: 13,8,46;
    --bp-color-header-background-contrast: #ffffff;
    --bp-color-header-background-contrast-rgb: 255,255,255;
    --bp-color-header-background-shade: #0b0728;
    --bp-color-header-background-tint: #252143;
    /* #endregion Header Background */

    /* #region Link */
    --bp-color-link: #004bb4;
    --bp-color-link-rgb: 0, 75, 180;
    --bp-color-link-contrast: #ffffff;
    --bp-color-link-contrast-rgb: 255, 255, 255;
    --bp-color-link-shade: #00429e;
    --bp-color-link-tint: #1a5dbc;
    /* #endregion Link */

    /* #region Surface Colors */
    /* Default colors of cards, toolbars, etc. Usually, it is enough to change only surface colors in order to toggle between light or dark mode */
    --bp-color-surface: #060024;
    --bp-color-surface-contrast: #ffffff;
    --bp-color-surface-level-5: #0d082e;
    --bp-color-surface-level-5-contrast: #ffffff;
    --bp-color-surface-level-10: #171439;
    --bp-color-surface-level-10-contrast: #c0c0c0;
    --bp-color-surface-level-15: #212044;
    --bp-color-surface-level-15-contrast: #a0a0a0;
    --bp-color-surface-level-20: #2c2c4f;
    --bp-color-surface-level-20-contrast: #878787;
    --bp-color-surface-level-25: #38395a;
    --bp-color-surface-level-25-contrast: #747474;
    --bp-color-surface-level-30: #444565;
    --bp-color-surface-level-30-contrast: #ffffff;
    --bp-color-surface-level-35: #505270;
    --bp-color-surface-level-35-contrast: #ffffff;
    --bp-color-surface-level-40: #5d5f7b;
    --bp-color-surface-level-40-contrast: #ffffff;
    --bp-color-surface-level-45: #6b6d87;
    --bp-color-surface-level-45-contrast: #ffffff;
    --bp-color-surface-level-50: #787a92;
    --bp-color-surface-level-50-contrast: #ffffff;
    --bp-color-surface-level-55: #86889e;
    --bp-color-surface-level-55-contrast: #000000;
    --bp-color-surface-level-60: #9596aa;
    --bp-color-surface-level-60-contrast: #000000;
    --bp-color-surface-level-65: #a3a5b5;
    --bp-color-surface-level-65-contrast: #000000;
    --bp-color-surface-level-70: #b2b3c1;
    --bp-color-surface-level-70-contrast: #000000;
    --bp-color-surface-level-75: #c1c2ce;
    --bp-color-surface-level-75-contrast: #000000;
    --bp-color-surface-level-80: #dfe0e6;
    --bp-color-surface-level-80-contrast: #000000;
    --bp-color-surface-level-85: #efeff2;
    --bp-color-surface-level-85-contrast: #000000;
    --bp-color-surface-level-90: #f2f2f2;
    --bp-color-surface-level-90-contrast: #000000;
    --bp-color-surface-level-95: #f2f2f2;
    --bp-color-surface-level-95-contrast: #000000;
    --bp-color-surface-level-100: #ffffff;
    --bp-color-surface-level-100-contrast: #000000;
    /* #endregion Surface Colors */

    /* #region Border */
    --bp-color-border: #3c3e71;
    --bp-color-border-rgb: 60, 62, 113;
    --bp-color-border-contrast: #ffffff;
    --bp-color-border-contrast-rgb: 255, 255, 255;
    --bp-color-border-shade: #353763;
    --bp-color-border-tint: #50517f;
    /* #endregion Border */

    /* #region Form Control (input, textarea, select, etc */
    --bp-color-form-control: var(--bp-color-surface-level-5);
    --bp-color-form-control-contrast: var(--bp-color-surface-level-5-contrast);
    --bp-color-form-control-border: var(--bp-color-surface-level-20);

    --bp-color-form-control-hover: var(--bp-color-surface-level-10);
    --bp-color-form-control-hover-contrast: var(
    --bp-color-surface-level-10-contrast
    );
    --bp-color-form-control-hover-border: var(--bp-color-surface-level-20);

    --bp-color-form-control-focus: var(--bp-color-surface-level-10);
    --bp-color-form-control-focus-contrast: var(
    --bp-color-surface-level-10-contrast
    );
    --bp-color-form-control-focus-border: var(--bp-color-surface-level-10);

    --bp-color-form-control-disabled: var(--bp-color-surface);
    --bp-color-form-control-disabled-contrast: var(--bp-color-surface-level-35);
    --bp-color-form-control-disabled-border: var(--bp-color-surface-level-10);

    --bp-color-form-control-placeholder: var(--bp-color-surface-level-35);
    /* #endregion Form Control */

    --bp-color-backdrop: var(--bp-color-surface-level-35);

    --bp-primary-gradient-start: #04285c;
    --bp-primary-gradient-end: #120e24;
    --bp-color-gradient-primary-value: radial-gradient(
      circle at bottom right,
      var(--bp-primary-gradient-start) 5%,
      var(--bp-primary-gradient-end) 40%
    );
  
    --bp-color-gradient-lobby-page-stripe-value: var(
      --bp-color-gradient-primary-value
    );

    /* #region Text Colors */
    --bp-color-text-light: var(--bp-color-surface-level-70);
    --bp-color-text-default: var(--bp-color-surface-level-90);
    --bp-color-text-strong: var(--bp-color-surface-contrast);
    /* #endregion */

    /* #region Forms */
    --bp-form-control-background: var(--bp-color-surface-light);
    /* #endregion */

    /* #region Gradient Colors */
    --bp-color-gradient-green-start: #42c08b;
    --bp-color-gradient-green-end: #008959;
    --bp-color-gradient-red-start: #c82e27;
    --bp-color-gradient-red-end: #88211b;
    /* #endregion Gradient Colors */
}

body{
    --color-app-main: var(--bp-color-secondary, #c82e27);
    --color-app-main-light: var(--bp-color-secondary-tint, #ff574d);
    --color-app-main-dark: var(--bp-color-secondary-shade, #88211b);
  
    --color-app-selected: var(--bp-color-primary, #476274);
    --color-app-selected-light: var(--bp-color-primary-tint, #009ca1);
    --color-app-selected-dark: var(--bp-color-primary-shade, #28485c);
    --color-app-selected-hover: var(--bp-color-primary-shade, #28485c);
  
    --color-app-dark-0: var(--bp-color-surface, black);
    --color-app-dark-1: var(--bp-color-surface-level-5, #191919);
    --color-app-dark-2: var(--bp-color-surface-level-10, #222);
    --color-app-dark-3: var(--bp-color-surface-level-15, #2b2b2b);
    --color-app-dark-4: var(--bp-color-surface-level-20, #353535);
    --color-app-dark-5: var(--bp-color-surface-level-25, #383838);
    --color-app-dark-6: var(--bp-color-surface-level-30, #4c4c4c);
  
    --color-app-light-1: var(--bp-color-surface-contrast, white);
    --color-app-light-2: var(--bp-color-surface-level-5-contrast, #e1e1e1);
    --color-app-light-3: var(--bp-color-surface-level-10-contrast, #c0c0c0);
    --color-app-light-4: var(--bp-color-surface-level-15-contrast, #a0a0a0);
    --color-app-light-5: var(--bp-color-surface-level-20-contrast, #878787);
    --color-app-light-6: var(--bp-color-surface-level-25-contrast, #747474);
  
    --color-green-main: var(--bp-color-success, #7abf00);
  
    --color-green-2: var(--bp-color-gradient-green-start, #42c08b);
    --color-green-3: var(--bp-color-gradient-green-end, #008959);
    --color-gradient-green: linear-gradient(
      to bottom,
      var(--bp-color-gradient-green-start, var(--color-green-2)),
      var(--bp-color-gradient-green-end, var(--color-green-3)),
      var(--bp-color-gradient-green-end, var(--color-green-3))
    );
  
    --color-odds: var(--bp-color-surface-level-15, var(--color-app-light-1));
    --color-ticket-match-title: var(
      --bp-color-surface-level-15-contrast,
      var(--color-app-light-1)
    );
  
    --color-gradient-main: linear-gradient(
      to bottom,
      var(--bp-color-gradient-red-start, var(--color-app-main)),
      var(--bp-color-gradient-red-end, var(--color-app-main-dark)),
      var(--bp-color-gradient-red-end, var(--color-app-main-dark))
    );
  
    --color-gradient-dark-1: linear-gradient(
      to bottom,
      var(--color-app-dark-5),
      var(--color-app-dark-5),
      var(--color-app-dark-2)
    );
    --color-gradient-dark-2: linear-gradient(
      to bottom,
      var(--color-app-dark-3),
      var(--color-app-dark-3),
      black
    );
    --color-gradient-selected-1: linear-gradient(
      to right top,
      var(--color-app-selected-dark),
      var(--color-app-selected),
      var(--color-app-selected)
    );
    --color-gradient-selected-2: linear-gradient(
      to top,
      var(--color-app-selected-dark),
      var(--color-app-selected),
      var(--color-app-selected)
    );
  
    --color-box-shadow-1-dark: var(--bp-color-surface-level-50, #1b1b1b);
    --color-box-shadow-1-light: var(--bp-color-surface-level-20, #3b3b3b);    
}

.basic_content_main_holder, .home_footer_holder {
  background: var(--bp-color-application-background);
  color: var(--bp-color-application-background-contrast);
}