/* theme.css – automatisch generiert, nicht manuell bearbeiten */
@font-face {
    font-family: 'Roboto Slab';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/assets/fonts/roboto-slab.woff2') format('woff2');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url('/assets/fonts/roboto-normal.woff2') format('woff2');
}



:root {
    /* ── Markenfarben ──────────────────────────────────────── */
    --color-green:       #a0ce4e;
    --color-green-dk:    #91c928;
    --color-green-xdk:   #54770f;
    --color-blue:        #427aaa;
    --color-blue-dk:     #1172c1;

    /* ── Semantische Farben ────────────────────────────────── */
    --color-primary:     #427aaa;
    --color-primary-dk:  #1172c1;
    --color-accent:      #a0ce4e;
    --color-accent-dk:   #91c928;
    --color-success:     #91c928;
    --color-error:       #9d1111;
    --color-warning:     #c0830b;

    /* ── Neutrale Töne ─────────────────────────────────────── */
    --color-bg:          #f6f6f6;
    --color-surface:     #ffffff;
    --color-border:      #e0dede;
    --color-border-dk:   #c0bfbf;
    --color-text:        #333333;
    --color-text-muted:  #747474;

    /* ── Layout (fix) ──────────────────────────────────────── */
    --radius:     6px;
    --radius-lg:  10px;
    --shadow-sm:  0 1px 3px rgb(0 0 0 / .08);
    --shadow-md:  0 4px 16px rgb(0 0 0 / .10);
    --shadow-card: 0 2px 8px rgb(0 0 0 / .08);

    /* ── Typografie ────────────────────────────────────────── */
    --font-body:      'Roboto', system-ui, -apple-system, sans-serif;
    --font-heading:   'Roboto Slab', Georgia, serif;
    --font-mono:      'Courier New', monospace;
    --font-size-base: 15px;
}