:root {
    /* ------------------------------------------------------------
       Grundfarben
    ------------------------------------------------------------ */
    --snlm_color_bg: #1c1c1c;
    --snlm_color_bg_soft: #242424;

    --snlm_color_surface: #333333;
    --snlm_color_surface_dark: #2b2b2b;
    --snlm_color_surface_light: #3d3d3d;
    --snlm_color_surface_lighter: #474747;

    --snlm_color_border: #4a4a4a;
    --snlm_color_border_light: #5a5a5a;

    /* ------------------------------------------------------------
       Textfarben
    ------------------------------------------------------------ */
    --snlm_color_text: #f2f2f2;
    --snlm_color_text_soft: #d5d5d5;
    --snlm_color_text_muted: #9f9f9f;

    /* ------------------------------------------------------------
       Akzentfarben
    ------------------------------------------------------------ */
    --snlm_color_primary: #5d8fd6;
    --snlm_color_primary_hover: #6d9bdd;
    --snlm_color_primary_active: #4d7fc5;

    /* ------------------------------------------------------------
       Statusfarben
    ------------------------------------------------------------ */
    --snlm_color_success: #4fa76c;
    --snlm_color_success_bg: #263d2e;

    --snlm_color_warning: #d7a949;
    --snlm_color_warning_bg: #443821;

    --snlm_color_danger: #d55f5f;
    --snlm_color_danger_bg: #442828;

    --snlm_color_info: #609fd2;
    --snlm_color_info_bg: #253744;

    /* ------------------------------------------------------------
       Overlay
    ------------------------------------------------------------ */
    --snlm_color_overlay: rgba(0, 0, 0, 0.55);

    /* ------------------------------------------------------------
       Abstände
    ------------------------------------------------------------ */
    --snlm_spacing_xs: 4px;
    --snlm_spacing_sm: 8px;
    --snlm_spacing_md: 16px;
    --snlm_spacing_lg: 24px;
    --snlm_spacing_xl: 32px;
    --snlm_spacing_2xl: 48px;

    /* ------------------------------------------------------------
       Maße
    ------------------------------------------------------------ */
    --snlm_container_width: 1280px;
    --snlm_header_height: 64px;
    --snlm_login_width: 420px;
    --snlm_toast_width: 420px;

    /* ------------------------------------------------------------
       Typografie
    ------------------------------------------------------------ */
    --snlm_font_family: Arial, Helvetica, sans-serif;
    --snlm_font_size_xs: 0.75rem;
    --snlm_font_size_sm: 0.875rem;
    --snlm_font_size_base: 1rem;
    --snlm_font_size_lg: 1.25rem;
    --snlm_font_size_xl: 1.75rem;

    /* ------------------------------------------------------------
       Radius
    ------------------------------------------------------------ */
    --snlm_radius: 4px;

    /* ------------------------------------------------------------
       Schatten
    ------------------------------------------------------------ */
    --snlm_shadow_sm: 0 2px 8px rgba(0, 0, 0, 0.18);
    --snlm_shadow: 0 8px 28px rgba(0, 0, 0, 0.30);

    /* ------------------------------------------------------------
       Übergänge
    ------------------------------------------------------------ */
    --snlm_transition: 150ms ease;
}