/* 
   Edit these colors to change your website's theme without needing to rebuild.
   Simply change any hex code (#RRGGBB) below and refresh your website.
*/

:root {
    /* Brand Colors */
    --brand-primary: #78ff2f;
    --brand-dark: #78ff2f;
    --brand-accent: #62d126;
    --brand-secondary: #000000;
    --brand-muted: #000000;

    /* Background and Layout */
    --bg-page: #000000;
    --bg-card: #000000;
    --bg-surface: #0e1012;

    /* Admin Panel Colors */
    --admin-gold: #8B5CF6;
    --admin-blue: #5B21B6;
    --admin-gray: #DDD6FE;

    /* Helper Semantic Mappings */
    --color-primary: var(--brand-primary);
    --color-secondary: var(--brand-dark);
    --color-accent: var(--brand-accent);
}