/**
 * src/css/variables.css
 * Zentrale Steuerung aller Farben, Schatten und Abstände.
 * STATUS: 100% v10 Design-Konform.
 */

:root {
    /* --- HAUPTFARBEN (DEINE REFERENZ) --- */
    --primary-green: #4CAF50;
    --primary-dark: #388E3C;
    --accent-pink: #e91e63;
    --bg-light: #f0f8ff;
    --auth-bg: #f0f0f0;

    /* --- GESCHLECHTER FARBEN (ADAM & EVA) --- */
    --color-male: #add8e6;
    --color-male-dark: #64B5F6;
    --color-female: #ffc0cb;
    --color-female-dark: #F06292;
    --color-fallback-green: #81C784;

    /* --- BRANDING FARBEN (AUS MEGA-STYLE) --- */
    --faires-blue: #2196F3;
    --dating-pink: #ff6699;
    --gold: #ffd700;

    /* --- TEXT FARBEN --- */
    --text-main: #333333;
    --text-muted: #666666;
    --white: #ffffff;

    /* --- SCHATTEN & ABSTÄNDE --- */
    --card-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    
    /* --- BORDERRADIEN --- */
    --radius-lg: 25px;
    --radius-md: 12px;
    --radius-sm: 8px;

    /* --- SPEZIAL GRADIENTS --- */
    --ring-gradient: radial-gradient(circle at 30% 30%, gold, #ffd700, #b8860b);
    --main-gradient: linear-gradient(to right, #e3f2fd, #fce4ec);
}