:root {
    --bg-main: #fffbfc;
    --bg-content: #ffffff;
    --text-main: #5a4a50;
    --text-muted: #b0a0a8;
    --accent: #d81b60;
    --accent-light: #f8bbd0;
    --accent-pale: #fce4ec;
    --border: #f8dce5;
    --shadow: 0 8px 30px rgba(244, 143, 177, 0.1);
    --radius: 25px;

    --bg-glow-1: rgba(248, 187, 208, 0.25);
    --bg-glow-2: rgba(248, 187, 208, 0.2);
    --bg-pattern: url('data:image/svg+xml,%3Csvg width="80" height="80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M40 0C50 15 65 25 80 25C65 35 50 45 40 60C30 45 15 35 0 25C15 25 30 15 40 0Z" fill="none" stroke="%23f8bbd0" stroke-width="0.8" opacity="0.4"/%3E%3C/svg%3E');
    --header-icon: '🌸';
    --title-shadow: 0 1px 3px rgba(216, 27, 96, 0.1);

    --input-bg: #ffffff;
    --input-bg-focus: #ffffff;
    --focus-shadow: rgba(216, 27, 96, 0.08);
    --button-bg: linear-gradient(135deg, #f48fb1, #f06292);
    --button-bg-hover: linear-gradient(135deg, #f06292, #ec407a);
    --button-text: #ffffff;
    --button-shadow: 0 8px 20px rgba(240, 98, 146, 0.3);
    --button-shadow-hover: 0 12px 25px rgba(240, 98, 146, 0.4);

    --card-bg: #ffffff;
    --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    --card-shadow-hover: 0 12px 30px rgba(244, 143, 177, 0.15);
    --info-bg: #fff5f8;
}