:root {
    /* Text und Flaechen */
    --color-text-primary: #001f21;
    --color-text-primary-rgb: 0, 31, 33;
    --color-text-muted: #4a4a49;
    --color-surface-page: #f7f8f8;
    --color-surface-card: #ffffff;
    --color-border-default: #eaeaea;
    --color-shadow-card: rgba(0, 0, 0, 0.08);

    /* Akzent- und Funktionsfarben */
    --color-danger: #e30a13;
    --color-brand-primary: #008f39; /* h1-h4, Links, Buttons, Tabellenkopf */
    --color-brand-primary-hover: #00762f;
    --color-brand-rgb: 0, 143, 57;
    --color-brand-contrast: #011c1d; /* Hover fuer CTA/Back-to-top */
    --color-brand-contrast-rgb: 1, 28, 29;
    --color-header-band-bg: #011c1d;
    --color-header-band-text: #ffffff;
    --color-link-underline: rgba(var(--color-brand-rgb), 0.35);

}

:root[data-theme='dark'] {
    /* Text und Flaechen */
    --color-text-primary: #f2f3f3;
    --color-text-primary-rgb: 242, 243, 243;
    --color-text-muted: #c5cfcc;
    --color-surface-page: #011c1d;
    --color-surface-card: #0b1f21;
    --color-border-default: #183438;
    --color-shadow-card: rgba(0, 0, 0, 0.5);

    /* Akzent- und Funktionsfarben */
    --color-danger: #ff5a4f;
    --color-brand-primary: #25c06b;
    --color-brand-primary-hover: #1d9c57;
    --color-brand-rgb: 37, 192, 107;
    --color-brand-contrast: #4a4a49;
    --color-brand-contrast-rgb: 74, 74, 73;
    --color-header-band-bg: #000909;
    --color-header-band-text: #ffffff;
    --color-link-underline: rgba(var(--color-brand-rgb), 0.45);
}