/* ═══════════════════════════════════════════════════
   THEME: MODERN  –  Dunkel / Clean / Professionell
   Aktiviert durch: html[data-theme="modern"]
   ═══════════════════════════════════════════════════ */
html[data-theme="modern"] {
    /* Hintergründe */
    --theme-bg-page:     #0f1117;
    --theme-bg-surface:  #13161f;
    --theme-bg-sidebar:  #13161f;
    --theme-bg-dark:     #1a1d2a;
    --theme-bg-field:    #1e2130;
    --theme-bg-hover:    #252840;

    /* Farben */
    --theme-color-primary: #2D7A2D;
    --theme-color-accent:  #6dd46d;

    /* Text */
    --theme-text-primary: #e8e8e8;
    --theme-text-muted:   #7a8098;

    /* Rahmen & Linien */
    --theme-border:      #2a2d3a;
    --theme-line:        #2a2d3a;
    --theme-line-light:  #1e2130;

    /* Sektion-Header */
    --theme-header-bg: #0f1117;
    --theme-header-fg: #6dd46d;

    /* Typografie */
    --theme-font-heading: 'Inter', 'Segoe UI', sans-serif;
    --theme-font-body:    'Inter', 'Segoe UI', sans-serif;

    /* Shapes */
    --theme-radius: 6px;

    /* Oberflächen-Textur */
    --theme-surface-texture: none;
}