/*
 * Erbel Design Tokens - Variante 2c "Nordic hell".
 * Einziger Ort fuer Farb-, Verlaufs-, Status- und Diagrammfarben.
 * Darkmode-Platzhalter: ein spaeterer Auftrag ergaenzt einen zweiten
 * Token-Satz unter [data-theme="dark"] bzw. prefers-color-scheme.
 */

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-ext-400-normal.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-500-normal.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-ext-500-normal.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-600-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-ext-600-normal.woff2") format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-700-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/manrope/manrope-latin-ext-700-normal.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
    --erbel-font: "Manrope", sans-serif;
    --erbel-bg: #E9ECE8;
    --erbel-surface: #F3F5F2;
    --erbel-bg-alt: #E1E5E0;
    --erbel-line: #D3D9D2;
    --erbel-footer: #D9E3DA;
    --erbel-text: #22272B;
    --erbel-text-muted: #555E63;
    --erbel-accent: #8DB89A;
    --erbel-accent-strong: #6FA27F;
    --erbel-accent-mid: #B3D2BB;
    --erbel-accent-tint: #DCEBDF;
    --erbel-label: #4D6B57;
    --erbel-field-border: #555E63;
    --erbel-neutral-0: #F8FAF8;
    --erbel-neutral-50: #EFF2EF;
    --erbel-neutral-100: #E7EBE6;
    --erbel-neutral-200: #DCE1DB;
    --erbel-neutral-300: #C3CBC4;
    --erbel-neutral-400: #A3ADA6;
    --erbel-neutral-500: #8A938D;
    --erbel-neutral-600: #6B746F;
    --erbel-neutral-700: #555E63;
    --erbel-neutral-800: #363D3A;
    --erbel-neutral-900: #22272B;
    --erbel-success: #2F6B47;
    --erbel-success-bg: #D9EADF;
    --erbel-success-border: #A8CDB6;
    --erbel-warning: #7A5A16;
    --erbel-warning-bg: #F4E8C7;
    --erbel-warning-border: #D7BE7A;
    --erbel-error: #8D3532;
    --erbel-error-bg: #F3DCDA;
    --erbel-error-border: #C99895;
    --erbel-info: #315B7A;
    --erbel-info-bg: #DDE9F1;
    --erbel-info-border: #A6C1D4;
    --erbel-pending: #5E556E;
    --erbel-pending-bg: #E7E1EF;
    --erbel-pending-border: #BDB1CC;
    --erbel-status-offen-bg: var(--erbel-warning-bg);
    --erbel-status-offen-text: var(--erbel-warning);
    --erbel-status-produktion-bg: var(--erbel-info-bg);
    --erbel-status-produktion-text: var(--erbel-info);
    --erbel-status-versandbereit-bg: var(--erbel-success-bg);
    --erbel-status-versandbereit-text: var(--erbel-success);
    --erbel-status-storniert-bg: var(--erbel-neutral-200);
    --erbel-status-storniert-text: var(--erbel-neutral-700);
    --erbel-status-bezahlt-bg: var(--erbel-accent-tint);
    --erbel-status-bezahlt-text: var(--erbel-label);
    --erbel-status-ueberfaellig-bg: var(--erbel-error-bg);
    --erbel-status-ueberfaellig-text: var(--erbel-error);
    --erbel-gradient-hero: linear-gradient(90deg, rgba(141,184,154,.94) 0%, rgba(141,184,154,.90) 42%, rgba(141,184,154,.50) 64%, rgba(141,184,154,0) 84%);
    --erbel-gradient-handwerk: radial-gradient(ellipse 65% 85% at 60% 50%, #6FA27F 0%, #8DB89A 38%, #BBD6C2 70%, #E1E5E0 100%);
    --erbel-gradient-card-photo: linear-gradient(180deg, rgba(141,184,154,0) 50%, rgba(141,184,154,.55) 100%);
    --erbel-gradient-weihnachten: linear-gradient(90deg, #DCEBDF 0%, #E8EFE8 50%, #F3F5F2 100%);
    --erbel-gradient-weihnachten-photo: linear-gradient(270deg, rgba(141,184,154,0) 45%, rgba(141,184,154,.45) 100%);
    --erbel-gradient-map: linear-gradient(90deg, #DCEBDF 0%, #F3F5F2 100%);
    --erbel-gradient-footer: linear-gradient(180deg, #DCEBDF 0%, #D9E3DA 100%);
    --erbel-gradient-sidebar: linear-gradient(180deg, #8DB89A 0%, #B3D2BB 55%, #DCEBDF 100%);
    --erbel-gradient-strip: linear-gradient(90deg, #8DB89A 0%, #B3D2BB 45%, rgba(220,235,223,.5) 78%, rgba(220,235,223,0) 100%);
    --erbel-chart-bar-from: rgba(141,184,154,.45);
    --erbel-chart-bar-to: #6FA27F;
    --erbel-chart-line: #22272B;
    --erbel-chart-grid: #D3D9D2;
    --erbel-chart-label: #555E63;
    --erbel-transparent: rgba(0,0,0,0);
    --erbel-accent-transparent: rgba(141,184,154,0);
    --erbel-focus-ring: rgba(111,162,127,.35);
    --erbel-overlay-soft: rgba(34,39,43,.04);
    --erbel-overlay-medium: rgba(34,39,43,.08);
    --erbel-overlay-strong: rgba(34,39,43,.18);
    --erbel-surface-translucent: rgba(243,245,242,.94);
    --erbel-shadow: rgba(34,39,43,.10);
    --erbel-radius: 6px;
    --erbel-radius-small: 4px;
    --erbel-border: 1px solid var(--erbel-line);
    --erbel-font-h1: 500;
    --erbel-font-h2: 500;
    --erbel-font-h3: 500;
    --erbel-font-body: 400;
    --erbel-chef-bg: var(--erbel-bg);
    --erbel-chef-sidebar-bg: var(--erbel-gradient-sidebar);
    --erbel-chef-sidebar-text: var(--erbel-text);
    --erbel-chef-sidebar-active: var(--erbel-accent-strong);
    --erbel-chef-card-bg: var(--erbel-surface);
    --erbel-chef-border: var(--erbel-line);
    --erbel-chef-text: var(--erbel-text);
    --erbel-chef-text-muted: var(--erbel-text-muted);
    --erbel-chef-heading: var(--erbel-text);
    --erbel-chef-btn-primary: var(--erbel-accent);
    --erbel-chef-btn-primary-hover: var(--erbel-accent-strong);
    --erbel-beleg-bg: var(--erbel-bg);
    --erbel-beleg-card-bg: var(--erbel-surface);
    --erbel-beleg-border: var(--erbel-line);
    --erbel-beleg-text: var(--erbel-text);
    --erbel-beleg-text-muted: var(--erbel-text-muted);
    --erbel-beleg-heading: var(--erbel-text);
    --erbel-beleg-btn-primary: var(--erbel-accent);
    --erbel-beleg-btn-primary-hover: var(--erbel-accent-strong);
    --erbel-beleg-ok: var(--erbel-success);
    --erbel-beleg-warn: var(--erbel-warning);
    --erbel-beleg-kritisch: var(--erbel-error);
    --erbel-api-card-bg: var(--erbel-surface);
    --erbel-api-border: var(--erbel-line);
    --erbel-api-text: var(--erbel-text);
    --erbel-api-text-muted: var(--erbel-text-muted);
    --erbel-api-label: var(--erbel-label);
    --erbel-api-heading: var(--erbel-text);
    --erbel-api-primary: var(--erbel-accent);
    --erbel-api-primary-hover: var(--erbel-accent-strong);
    --erbel-api-feld-border: var(--erbel-field-border);
}

html {
    background: var(--erbel-bg);
}

body,
button,
input,
select,
textarea,
.et_pb_button,
.et_pb_module {
    font-family: var(--erbel-font);
}

body {
    background: var(--erbel-bg);
    color: var(--erbel-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--erbel-text);
    font-weight: 500;
    letter-spacing: -.02em;
}

a {
    color: var(--erbel-text);
    text-decoration-color: var(--erbel-accent);
    text-underline-offset: .18em;
}

a:hover,
a:focus {
    color: var(--erbel-label);
}

::selection {
    background: var(--erbel-accent-mid);
    color: var(--erbel-text);
}

:focus-visible {
    outline: 2px solid var(--erbel-accent-strong);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto !important;
    }
}