/* =============================================================
   ROOT CSS VARIABLES
   Single source of truth for all design tokens.
   Imported / linked before any other stylesheet.
   ============================================================= */

:root {
    /* ── Brand colours ── */
    --ev-primary:      #6B4CE6;
    --ev-primary-dark: #5538CC;

    /* ── Neutrals ── */
    --ev-dark:         #1A1625;
    --ev-gray-900:     #2E2A3D;
    --ev-gray-700:     #4D475F;
    --ev-gray-600:     #6B6580;
    --ev-gray-400:     #A8A0B8;
    --ev-gray-300:     #C7C0D6;
    --ev-gray-200:     #E5E1F0;
    --ev-gray-100:     #F5F3FA;
    --ev-white:        #FFFFFF;

    /* ── Semantic / status ── */
    --ev-success:      #00D9A3;
    --ev-warning:      #FFB84D;
    --ev-error:        #FF5757;

    /*
     * Fix #9: Unprefixed aliases kept intentionally to avoid a sweeping
     * rename across customer.css and todolist.css in one go.
     * TODO: migrate all consumers to --ev-* tokens, then remove these aliases.
     */
    --primary:         var(--ev-primary);
    --primary-dark:    var(--ev-primary-dark);
    --dark:            var(--ev-dark);
    --gray-100:        var(--ev-gray-100);
    --gray-200:        var(--ev-gray-200);
    --gray-300:        var(--ev-gray-300);
    --gray-600:        var(--ev-gray-600);
    --gray-700:        var(--ev-gray-700);
    --white:           var(--ev-white);
}