:root {
    /* ========= BACKGROUNDS ========= */
    --bg-main: #f7f3fa;
    --bg-soft: #eee8f6;
    --bg-card: rgba(255, 255, 255, 0.82);
    --bg-dark: #181522;
    /* ========= BRAND COLORS ========= */
    --primary: #8b88d8;
    --primary-hover: #7873d0;
    --secondary: #c8b4d9;
    --secondary-hover: #b9a0cf;
    --accent: #f2c9d2;
    --accent-hover: #eab6c1;
    /* ========= TEXT ========= */
    --h1: #2d2340;
    --h2: #3a3150;
    --h3: #4a3f60;
    --h4: #5b5170;
    --h5: #6b6280;
    --h6: #7a728d;
    --text-main: #4b445a;
    --text-soft: #6b6480;
    --text-muted: #8e88a1;
    --text-light: #b6b0c6;
    /* ========= UI ========= */
    --border: #ddd6e8;
    --border-soft: #eee8f5;
    --input-border: #d7d1e5;
    --focus-ring: #a89bea;
    /* ========= STATUS ========= */
    --success: #6fcf97;
    --warning: #f2c94c;
    --danger: #eb5757;
}