/* Rauslauf (RL) Branding */

:root {
    box-sizing: border-box;

    --transparent: transparent;

    /* Primary Gruppe */
    --color-primary: #000000;
    --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: #3c1010;
    --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: #d2691e;
    --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: #32cd32;
    --color-warning: #ffa500;
    --color-error: #e10000;
    --color-info:    #5f9ea0;

    /* Global */
    --color-base-bg: #f0fff0;
    --color-base-text: #2f4f4f;
    --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/rauslaufBG.jpg');
    background-attachment: fixed;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}