/* ===== CSS VARIABLEN ===== */
:root {
    --primary-color: #e91e63;
    --primary-dark: #d81b60;
    --primary-light: #f8bbd0;
    --primary-lighter: #fce4ec;
    --secondary-color: #6c757d;
    --white: #ffffff;
    --light-gray: #f5f5f5;
    --medium-gray: #eeeeee;
    --dark-gray: #333333;
    --text-primary: #000000;
    --text-secondary: #333333;
    --text-muted: #666666;
    --border-radius: 12px;
    --shadow: 0 4px 15px rgba(233, 30, 99, 0.15);
    --shadow-hover: 0 8px 25px rgba(233, 30, 99, 0.25);
    --transition: all 0.3s ease;
}