:root {
    --primary-color-1: #C026D3;
    --primary-color-2: #F59E0B;

    --primary: var(--primary-color-2);
    --primary-light: #FEF3C7;

    --primary-gradient: linear-gradient(
        135deg,
        var(--primary-color-1),
        var(--primary-color-2)
    );

    --secondary: #10B981;
    --secondary-light: #D1FAE5;

    --accent: #E91E63;
    --accent-light: #FCE7F3;

    --text-slate-900: #1F2937;
    --text-medium: #4B5563;
    --text-light: #6B7280;

    --bg-body: #F9FAFB;
    --bg-card: #FFFFFF;

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.1);

    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-full: 9999px;

    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}