/* Cloud CSS Variables */
:root {
    --bg-primary: rgba(250, 245, 240, 0.95);
    --bg-secondary: rgba(255, 248, 243, 0.9);
    --bg-tertiary: rgba(245, 240, 248, 0.85);
    --text-primary: #3d2f4a;
    --text-secondary: #7a6a8a;
    --text-tertiary: #b8a8d8;
    --accent: #ffb8a1;
    --accent-dark: #ff9b7a;
    --accent-light: #ffe5db;
    --border: rgba(200, 179, 212, 0.25);
    --shadow-sm: 0 1px 3px rgba(61, 47, 74, 0.08);
    --shadow-md: 0 4px 12px rgba(61, 47, 74, 0.12);
    --shadow-lg: 0 8px 24px rgba(61, 47, 74, 0.15);
    --lavender: #c8b3d4;
    --lavender-light: #e8dff0;
    --peach: #ffb8a1;
    --soft-yellow: #ffe5b8;
    --cream: #fef5ed;
    --soft-blue: #d4e4f7;
    --cloud-orange: #ff8c3c;
    --cloud-blue: #78c8ff;
}