:root{

    /* Primary */

    --primary-50:#ecfdf5;
    --primary-100:#d1fae5;
    --primary-200:#a7f3d0;
    --primary-300:#6ee7b7;
    --primary-400:#34d399;
    --primary-500:#10b981;
    --primary-600:#059669;
    --primary-700:#047857;
    --primary-800:#065f46;
    --primary-900:#064e3b;

    /* Background */

    --bg-start:#f9fffb;
    --bg-middle:#f0fdf4;
    --bg-end:#ecfdf5;

    /* Glow */

    --glow-1:rgba(16,185,129,.10);
    --glow-2:rgba(5,150,105,.10);

    /* Button */

    --button-shadow:rgba(16,185,129,.18);
    --focus-ring:rgba(16,185,129,.15);

    

}