:root {
    --color-ink: #171720;
    --color-ink-2: #252532;
    --color-paper: #ffffff;
    --color-soft: #f5f4ef;
    --color-line: #dedbd1;
    --color-muted: #6e6a61;          /* text on light: 5.4:1 on white, 4.9:1 on --color-soft */
    --color-muted-on-dark: #b3aea3;  /* text on --color-ink: 8.2:1 */
    /* Brand lime only as surface or accent with dark text (1.1:1 against white). */
    --color-lime: #e5ff4b;
    /* Wortmarke auf hellen Flächen, wie in sens7/Sens7_Logo/Sens7/Logo-Sens7.svg (12:1 auf Weiss). */
    --color-brand-slate: #2c3a42;
    --color-magenta-brand: #d92b6b;  /* decorative / large text only (4.2:1 on --color-soft) */
    --color-magenta: #b8174f;        /* text on light: 6.4:1 on white, 5.8:1 on --color-soft */
    --color-magenta-on-dark: #ff7aa8; /* text on --color-ink: 7.3:1 */
    --color-cyan: #19a7ce;
    --color-field: #7a756a;          /* form field borders: 4.6:1 on white (WCAG 1.4.11 needs 3:1) */
    --color-focus: #0a6e8a;          /* focus ring on light: 5.8:1 on white */
    --color-white: #ffffff;
    --shadow-sm: 0 10px 30px rgba(23, 23, 32, 0.08);
    --shadow-md: 0 18px 45px rgba(23, 23, 32, 0.14);
    --radius-sm: 6px;
    --radius-md: 8px;
    --container: 1160px;
    --nav-height: 72px;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}