/**
 *      BRAND COLOURS 
 */

:root{
    --color-mono-charcoal:     #3a3839;        /* Dark charcoal */
    --color-mono-light-grey:   #f0f0f1;      /* Light grey/ charcoal */

    --color-fg:                var(--color-mono-charcoal);
    --color-bg:                #ffffff;              
    --color-white:             #fff;
    --color-black:             #000;
    --color-light-grey:     rgb(240, 240, 242);

    /* Dimension palette*/
    --color-brand:             #e5344e;       /* Fuschia */    
    --color-business-model:    #553193;       /* Business model */    
    --color-data:              #af3192;       /* Purple */        
    --color-ecosystem:         #07a189;       /* Eco green */  
    --color-knowhow:           #a04923;        /* Earthy brown */          
    --color-operating-model:   #ebab21;       /* Mustard */        
    --color-people:            #f36b26;       /* Warm orange */          
    --color-rights:            #00646b;       /* Teal */      

    
    --color-palette-blue-1:   #26BCD1;
    --color-palette-blue-2:   #52D0E0;
    --color-palette-blue-3:   #87DEEA;
    --color-palette-blue-4:   #B8E9F1;

    --color-brand-axis :            #E0E5F1;

    --color-palette-blue-dark:      #2D6FDA;
    --color-palette-blue-med:       #3E9BDE;
    --color-palette-blue:           #57CFDB;
    --color-palette-green:          #8DC19A;
    --color-palette-yellow-green:   #B3BA69;
    --color-palette-orange:         #E7AD26;
    --color-palette-light-yellow:   #F3DDAF;

    --color-palette-highlight:     var(--color-palette-blue-1);

    --bg-texture-01:            url('/img/textures/slide-background-01.jpg'); ;
    --bg-texture-02:            url('/img/textures/slide-background-02.jpg'); ;
    --bg-texture-03:            url('/img/textures/slide-background-03.jpg'); ;
    --bg-texture-04:            url('/img/textures/slide-background-04.jpg'); ;
    --bg-texture-05:            url('/img/textures/slide-background-05.jpg'); ;
}

/** 
 *  BRAND FONTS: "Inter" and "AndesNeue 
 */

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-Bold.woff2") format('woff2');
    font-weight:    bold;
    font-style:     normal;
}

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-BoldItalic.woff2") format('woff2');
    font-weight:    bold;
    font-style:     italic;
}

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-Medium.woff2") format('woff2');
    font-weight:    normal;
    font-style:     normal;
}

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-MediumItalic.woff2") format('woff2');
    font-weight:    normal;
    font-style:     italic;
}

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-Light.woff2") format('woff2');
    font-weight:    light;
    font-style:     normal;
}

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-LightItalic.woff2") format('woff2');
    font-weight:    light;
    font-style:     italic;
}

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-ExtraLight.woff2") format('woff2');
    font-weight:    200;
    font-style:     normal;
}

@font-face {
    font-family:    "Inter";
    src:            url("../fonts/Inter-ExtraLightItalic.woff2") format('woff2');
    font-weight:    200;
    font-style:     italic;
}

@font-face {
    font-family: "AndesNeue";
    src:
        url("../fonts/AndesNeue Bold.otf") format("opentype") tech(color-COLRv1),
        url("../fonts/AndesNeue Bold.otf") format("opentype");
    font-weight:    bold;
    font-style:     normal;
}

@font-face {
    font-family: "AndesNeue";
    src:
        url("../fonts/AndesNeue Bold it.otf") format("opentype") tech(color-COLRv1),
        url("../fonts/AndesNeue Bold it.otf") format("opentype");
    font-weight:    bold;
    font-style:     italic;
}

@font-face {
    font-family: "AndesNeue";
    src:
        url("../fonts/AndesNeue Medium.otf") format("opentype") tech(color-COLRv1),
        url("../fonts/AndesNeue Medium.otf") format("opentype");
    font-weight:    medium;
    font-style:     normal;
}

@font-face {
    font-family: "AndesNeue";
    src:
        url("../fonts/AndesNeue Medium it.otf") format("opentype") tech(color-COLRv1),
        url("../fonts/AndesNeue Medium it.otf") format("opentype");
    font-weight:    medium;
    font-style:     italic;
}

@font-face {
    font-family: "AndesNeue";
    src:
        url("../fonts/AndesNeue Book.otf") format("opentype") tech(color-COLRv1),
        url("../fonts/AndesNeue Book.otf") format("opentype");
    font-weight:    350;
    font-style:     normal;
}

@font-face {
    font-family: "AndesNeue";
    src:
        url("../fonts/AndesNeue Book it.otf") format("opentype") tech(color-COLRv1),
        url("../fonts/AndesNeue Book it.otf") format("opentype");
    font-weight:    350;
    font-style:     italic;
}

/**
 *  BRAND BACKGROUND IMAGERY 
 */

.bg-texture-01{
    background:     url('/img/textures/slide-background-01.jpg');   
}
.bg-texture-02{
    background:     url('/img/textures/slide-background-02.jpg');   
}
.bg-texture-03{
    background:     url('/img/textures/slide-background-03.jpg');   
}
.bg-texture-04{
    background:     url('/img/textures/slide-background-04.jpg');   
}
.bg-texture-05{
    background:     url('/img/textures/slide-background-05.jpg');   
}