/* Lana Versum (LV) Branding */

:root {
    box-sizing: border-box;

    --transparent: transparent;

    /* Primary Gruppe */
    --color-primary: #191000;
    --color-primary-shade-1: oklch(from var(--color-primary) calc(l + 0.1) c h);
    --color-primary-shade-2: oklch(from var(--color-primary) calc(l + 0.2) c h);

    /* Secondary Gruppe */
    --color-secondary: #af8f5b;
    --color-secondary-shade-1: oklch(from var(--color-secondary) calc(l + 0.1) c h);
    --color-secondary-shade-2: oklch(from var(--color-secondary) calc(l + 0.2) c h);
    /* Contrast Gruppe */
    --color-contrast: #000000;
    --color-contrast-shade-1: oklch(from var(--color-contrast) calc(l + 0.1) c h);
    --color-contrast-shade-2: oklch(from var(--color-contrast) calc(l + 0.2) c h);

    /* Status Gruppe */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-error:   #dc3545;
    --color-info:    #17a2b8;

    /* Global */
    --color-base-bg: #e4e4e4;
    --color-base-text: #301934;
    --color-base-border: #a8a8a8;
    
    --font-main: 'Roboto', sans-serif;
    font-family: var(--font-main);

}

body {
    background-image: url('https://lanaversum.b-cdn.net/Shop/background/LanaVersumBG.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}