:root {
    --bg-main: #fffde7;
    --bg-content: #ffffff;
    --text-main: #4a3f00;
    --text-muted: #a09050;
    --accent: #fbc02d;
    --accent-light: #fdd835;
    --accent-pale: #fff8e1;
    --border: #f0e0a0;
    --shadow: 0 8px 30px rgba(251, 192, 45, 0.2);
    --radius: 25px;

    --bg-glow-1: rgba(255, 213, 79, 0.4);
    --bg-glow-2: rgba(255, 236, 179, 0.3);
    --bg-pattern: url('data:image/svg+xml,%3Csvg width="80" height="80" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M40 30 A10 10 0 1 1 39.9 30 Z" fill="none" stroke="%23fdd835" stroke-width="0.8" opacity="0.4"/%3E%3C/svg%3E');
    --header-icon: '☀️';
    --title-shadow: 0 1px 3px rgba(251, 192, 45, 0.3);

    --input-bg: #ffffff;
    --input-bg-focus: #ffffff;
    --focus-shadow: rgba(251, 192, 45, 0.2);
    --button-bg: linear-gradient(135deg, #fbc02d, #f9a825);
    --button-bg-hover: linear-gradient(135deg, #f9a825, #f57f17);
    --button-text: #4a3f00;
    --button-shadow: 0 8px 20px rgba(249, 168, 37, 0.4);
    --button-shadow-hover: 0 12px 25px rgba(249, 168, 37, 0.55);

    --card-bg: #ffffff;
    --card-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
    --card-shadow-hover: 0 12px 30px rgba(251, 192, 45, 0.3);
    --info-bg: #fffde7;
}