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

    /* Flächen */
    --bg: #131615;
    --surface: #1b1f1d;
    --surface-2: #242a27;
    --line: #3a433f;
    --line-soft: #2b3230;

    /* Text */
    --text: #e4eae7;
    --text-muted: #9aa6a0;
    --link: #5fb6f0;

    /* Marke (Navigation) */
    --brand-900: #1d4437;
    --brand-700: #2d6553;
    --brand-500: #3f8f75;
    --on-brand: #ffffff;

    /* Aktionen */
    --accent: #5fb6f0;
    --accent-soft: rgba(95, 182, 240, 0.12);
    --btn: #22598f;
    --btn-text: #ffffff;
    --btn-danger: #b02e2e;
    --btn-neutral: #4d5753;
    --btn-disabled: #2c3330;
    --btn-disabled-text: #6d7873;

    /* Status */
    --danger: #ec6a6a;
    --success: #8fd477;
    --success-fill: #6fb757;
    --warning: #e8b85a;
    --warning-fill: #c99530;

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