:root {
    --bg-colour: #f8f9fa;
    --text-colour: #2c3e50;
    --accent-colour: #9a71dd;
    --warning-colour: #fd9c9c;
    --warning-hover: #f5c6c6;
    --hover-colour: #cd99eb;
    --shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
    --bg-accent: #dfe9f3;
}

.container {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
}