:root{
    --scoopex-theme: #DECECE;
    --about-theme: #E3C18B;
    --mtag-theme: #B49CDA;
    --designsystem-theme: #A6D8B3;
    --experiments-theme: #BFBFBF;
    --noizcut-theme: #3E86DA;
    --mng-theme: #1E75F7;

    --primary: #A6D8B3;
    --secondary: #224D2C;
    --tertiary: #D8A6CB;
    --paragraph: #F4F5F480;

    --black: #101010;
    --white: #F4F5F4;
    --surface-0: #131514;
    
    --color-sl-16: #224D2C16;
    --color-sl-32: #224D2C32;

    --text-sl-16: #A6D8B316;
    --text-sl-32: #A6D8B332;

    --background: var(--black);
    --foreground: var(--white);

    --border: #8F9991;

    --card-unavailable: #BFBFBF;

}

@media (prefers-color-scheme: light) {
  :root {
    --scoopex-theme: #DECECE;
    --about-theme: #E3C18B;
    --mtag-theme: #B49CDA;
    --designsystem-theme: #A6D8B3;
    --experiments-theme: #BFBFBF;
    --noizcut-theme: #3E86DA;
    --mng-theme: #0042A7;

    --primary: #224D2C;
    --secondary: #A6D8B3;
    --tertiary: #4D2243;
    --paragraph: #0a0b0a80;

    --black: #f0f0f0;
    --white: #0a0b0a;
    --surface-0: #E7E9E8;
    
    --color-sl-16: #A6D8B316;
    --color-sl-32: #A6D8B332;

    --text-sl-16: #224D2C16;
    --text-sl-32: #224D2C32;
    
    --background: var(--black);
    --foreground: var(--white);

    --border: #667068;

    --card-unavailable: #404040;
  }
}

.scoopex-page{
    --color-theme: var(--scoopex-theme);
}

.about-page{
    --color-theme: var(--about-theme);
}

.mtag-page{
    --color-theme: var(--mtag-theme);
}

.designsystem-page{
    --color-theme: var(--designsystem-theme);
}

.experiments-page{
    --color-theme: var(--experiments-theme);
}

.noizcut-page{
    --color-theme: var(--noizcut-theme);
}

.mngui-page{
    --color-theme: var(--mng-theme);
}

.monga-page{
    --color-theme: var(--mng-theme);
}