:root {
    /* Brand */
    --primary-color: #C084FC;
    --primary-hover: #A855F7;
    --secondary-color: #E879F9;

    /* Status */
    --success-color: #34d399;
    --warning-color: #fbbf24;
    --danger-color: #f87171;

    /* Text */
    --text-primary: #e2e0f2;
    --text-secondary: #8886a2;
    --text-tertiary: #4e4c68;

    /* Surfaces */
    --background-primary: #0e0d1a;
    --background-secondary: #131225;
    --background-tertiary: #1a1830;

    /* Borders */
    --border-color: rgba(255,255,255,0.1);
    --border-color-light: rgba(255,255,255,0.06);

    /* Shapes */
    --border-radius: 12px;
    --border-radius-sm: 8px;

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.4);
    --shadow: 0 8px 32px rgba(0,0,0,0.5);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.6);
}

[data-theme="light"] {
    --text-primary: #1a1820;
    --text-secondary: #50505e;
    --text-tertiary: #909098;
    --background-primary: #e8e8ec;
    --background-secondary: #e0e0e5;
    --background-tertiary: #d6d6dc;
    --border-color: rgba(0,0,0,0.12);
    --border-color-light: rgba(0,0,0,0.07);
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.1);
    --shadow: 0 8px 32px rgba(0,0,0,0.12);
    --shadow-lg: 0 20px 60px rgba(0,0,0,0.15);
}