/* Variable - Figma Design Tokens */
:root{
    /* Base Colors */
    --body-color:#030405;
    --text-color:#020304;
    --dark-grey:#111111;
    
    /* Figma Color Tokens */
    --fg-primary-rest: #ebebee;
    --colors-base-white: #ebebee;
    --colors-peach-300: #ffbfb5;
    --colors-violet-300: #c4b5ff;
    --colors-blue-200: #b5bfff;
    /* Primary Button Gradient Colors */
    --Colors-Peach-300: #FBA395;
    --Colors-Violet-300: #BBBFF4;
    --Colors-Blue-200: #B5BFFF;
    --bg-surface-secondary-80: rgba(11, 10, 21, 0.8);
    --bg-surface-secondary-40: rgba(11, 10, 21, 0.4);
    --colors-base-black-60: rgba(11, 10, 21, 0.6);
    --colors-base-black-80: rgba(11, 10, 21, 0.8);
    --colors-base-white-20: rgba(235, 235, 238, 0.2);
    --colors-base-white-15: rgba(235, 235, 238, 0.15);
    --colors-base-white-10: rgba(235, 235, 238, 0.1);
    --colors-base-white-5: rgba(235, 235, 238, 0.05);
    --colors-base-white-1: rgba(235, 235, 238, 0.01);
    --colors-base-black-30: rgba(11, 10, 21, 0.3);
    --colors-violet-300-12: rgba(196, 181, 255, 0.12);
    --fg-tertiary-rest: #9f9cb0;
    --Colors-Violet-900: #413778;
    
    /* Legacy Support (keep for backward compatibility) */
    --primary:#FFAC4E;
    --secondary:#FE4E66;
}

.body-color{color: var(--body-color);}
.white{color: var(--fg-primary-rest);}