/* ===========================================
   MLM Verwalter Basis-Stylesheet
   Version: 1.0
   Letzte Aktualisierung: 2024
   =========================================== */

/* 
   1. Grundlegende Variablen
   ------------------------- */
:root {
    /* Erweitertes Farbsystem */
    
    /* Primärfarbe (Türkis) und Varianten */
    --color-primary: #0CC0DF;
    --color-primary-100: #E6F9FC; /* Sehr hell */
    --color-primary-200: #B3EEFF;
    --color-primary-300: #66D9F2;
    --color-primary-400: #33CDE8;
    --color-primary-500: #0CC0DF; /* Basis - identisch mit --color-primary */
    --color-primary-600: #0999B2;
    --color-primary-700: #077386;
    --color-primary-800: #044C59;
    --color-primary-900: #02262D; /* Sehr dunkel */

    /* Sekundärfarbe (Dunkelblau) und Varianten */
    --color-secondary: #001373;
    --color-secondary-100: #E6E7F0; /* Sehr hell */
    --color-secondary-200: #B3B5D9;
    --color-secondary-300: #666AAD;
    --color-secondary-400: #333D99;
    --color-secondary-500: #001373; /* Basis - identisch mit --color-secondary */
    --color-secondary-600: #000F5C;
    --color-secondary-700: #000B44;
    --color-secondary-800: #00072D;
    --color-secondary-900: #000417; /* Sehr dunkel */

    /* Weitere Basis-Farben */
    --color-accent: #CADCEC;
    --color-text: #333333;
    --color-background: #FFFFFF;
    --white: #FFFFFF;

    /* Layout */
    --site-max-width: 1200px;
    --site-padding: 2rem;
    --section-spacing: 4rem;

    /* Debug Farben */
    --debug-container: rgba(255, 0, 0, 0.15);
    --debug-grid: rgba(0, 0, 255, 0.15);
    --debug-section: rgba(0, 255, 0, 0.15);
}

/* 
   2. Reset und Basis
   ----------------- */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

[Previous content remains exactly the same until the end of the file]