/* Lukestone – helles Farbschema. Layout und Komponenten: lukestone.css */
:root {
    color-scheme: light;

    /* Flächen */
    --bg: #f2f4f1;
    --surface: #ffffff;
    --surface-2: #e8ede8;
    --line: #c4cec7;
    --line-soft: #dde3de;

    /* Text */
    --text: #1d2723;
    --text-muted: #5d6a64;
    --link: #174781;

    /* Marke (Navigation) */
    --brand-900: #275a4a;
    --brand-700: #367762;
    --brand-500: #51ad8f;
    --on-brand: #ffffff;

    /* Aktionen */
    --accent: #174781;
    --accent-soft: rgba(23, 71, 129, 0.10);
    --btn: #174781;
    --btn-text: #ffffff;
    --btn-danger: #c42a2a;
    --btn-neutral: #6a7671;
    --btn-disabled: #dde2de;
    --btn-disabled-text: #8d9792;

    /* Status */
    --danger: #c42a2a;
    --success: #3f8a35;
    --success-fill: #86cd6d;
    --warning: #a97a1f;
    --warning-fill: #e0a939;

    --dropzone-active: #e6edf7;
    --nav-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}