@use '../../../assets/sass/settings/v7/colors.tokens' as *;
@use '../../../assets/sass/settings/v7/spacing.tokens' as *;
@use '../../../assets/sass/settings/v7/layout-standard' as *;
@use '../../../assets/sass/settings/v7/global' as *;

.c-promotion {
  --_promo-accent: var(--theme-color);
  --_promo-text: var(--body-color);
  --_promo-bg: var(--background-color);
  --_promo-display: none;
  // border-left: 4px solid var(--_promo-accent);
  color: var(--_promo-text);
  // background-color: var(--_promo-bg);
  display: var(--_promo-display);
  text-decoration: none;

  &[data-random--selected]{
    --_promo-display: flex;
  }
 
  strong{
    color: var(--_promo-accent);
  }
  
  &__icon{
    stroke: var(--_promo-accent);
  }

  &--whatsapp{
    --_promo-accent: #{$social-whatsapp};
  }
  &--vision{
    --_promo-accent: #0076D1;
    --_promo-bg: #F4F6FB;
    
    [data-color-scheme*="dark"] & {
      --_promo-accent: #0076D1;
      --_promo-bg: #20213C;
      --_promo-text: #{$ui-01};
    }
  }
//   &--dossier{
//     --_promo-accent: #FFFF00;
//     --_promo-bg: #{$ui-07};
//     --_promo-text: #{$ui-01};
// ;
//   }
  &--subscription{
    --_promo-accent: #{$interactive-01};
     [data-premium--no-ad] &{
      &[data-random--selected]{
        --_promo-display: none;
      }
    }
  }
}