:root {
    --primary-color: #915eff;
    --bg-dark: #0A0A0A;
    --bg-dark-light: #323232;
    --segondary-card-bg: #0c0c0c;
    --bg-dark-card: #090909;
    --bg-card: #150b1f;
    --accent-color: #bb86fc;
    --text-main: #ffffff;
    --text-dim: #a1a1aa;
    --border-color: #2d1b3d;
    --text-muted: #ffffff73;
    --text-opacity-low: #909090;
    --bg-discord: #505CDB;
    --bg-discord-hover: #535fe1;
    --secondary-border-color: rgba(255, 255, 255, 0.18);
    --primary-red: #f87171;

    /** Pour les icones */
    --accent-green: #4ade80;
    --bg-green: #182827;
    --accent-purple: #A48FFF;
    --bg-purple: #231C3C;
    --accent-blue: #60A5FA;
    --bg-blue: #1B2135;
    --accent-yellow: #FBBF24;
    --bg-yellow: #2A201C;

    /** Home order flow */
    --flow-line-bg: rgba(255, 255, 255, 0.09);
    --flow-line-fill: linear-gradient(to bottom, var(--accent-color), var(--primary-color), var(--accent-green));
    --flow-step-bg: rgba(145, 94, 255, 0.12);
    --flow-step-active-bg: rgba(145, 94, 255, 0.2);
    --flow-step-complete-bg: rgba(74, 222, 128, 0.16);
    --flow-step-border: color-mix(in srgb, var(--primary-color) 36%, var(--secondary-border-color));
    --flow-step-active-border: color-mix(in srgb, var(--primary-color) 72%, var(--secondary-border-color));
    --flow-step-complete-border: color-mix(in srgb, var(--accent-green) 62%, var(--secondary-border-color));
    --flow-step-glow: rgba(145, 94, 255, 0.34);
    --flow-step-complete-glow: rgba(74, 222, 128, 0.28);

    --font-main: 'Geist', Helvetica, Arial, sans-serif;
    --font-size-header: 0.95rem;

    --border-radius: 12px;
    --border-radius-header: 25px;
    --shadow: 0 10px 30px rgba(0, 0, 0, 0.5);
    --nm-site-background:
        radial-gradient(1200px 620px at 14% 6%, color-mix(in srgb, var(--primary-color) 18%, transparent), transparent 72%),
        radial-gradient(980px 560px at 88% 10%, color-mix(in srgb, var(--accent-color) 15%, transparent), transparent 74%),
        radial-gradient(760px 420px at 52% -8%, color-mix(in srgb, var(--primary-color) 10%, transparent), transparent 76%),
        var(--bg-dark);
}
