/**
 * CSS Custom Properties
 * Color palette and animation settings
 */

:root {
    /* Background gradient colors */
    --color-bg1: #5a336e;
    --color-bg2: #311f62;
    
    /* Blob colors (RGB for rgba usage) */
    --color1: 232, 129, 127;  /* #e8817f - light peachy-pink */
    --color2: 195, 114, 124;  /* #c3727c - medium rose */
    --color3: 141, 82, 115;   /* #8d5273 - purple-mauve */
    --color4: 90, 51, 110;    /* #5a336e - dark purple */
    --color5: 49, 31, 98;     /* #311f62 - very dark purple */
    --color-interactive: 232, 129, 127;
    
    /* Animation settings */
    --circle-size: 90%;
    --blending: hard-light;
}