:root {
    /* Flächen */
    --bg-page:        #17181c;
    --bg-header:      #0e0f12;
    --bg-card:        #1f2025;
    --bg-card-hover:   #262730;
    --bg-input:        #2a2b32;
    --bg-placeholder:  #2c3138;

    /* Ränder */
    --border:          #2c2d33;
    --border-light:    #35363d;

    /* Text */
    --text-primary:    #f2f2f3;
    --text-secondary:  #a8a9b0;
    --text-muted:      #74757d;

    /* Akzent */
    --accent:          #3ecf8e;
    --accent-hover:    #34b87d;
    --accent-soft:     rgba(62, 207, 142, 0.15);

    /* Status */
    --success:         #3ecf8e;
    --success-bg:      rgba(62, 207, 142, 0.15);
    --warning:          #f5a742;
    --warning-bg:       rgba(245, 167, 66, 0.15);
    --danger:           #e6584f;
    --danger-bg:        rgba(230, 88, 79, 0.15);

    /* Radius / Abstand */
    --radius:           10px;
    --radius-sm:        6px;
    --gap:              16px;

    /* Schrift */
    --font:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

    /* Übergänge */
    --transition:        0.15s ease;
}