/* ~~~~~~ Color Variables ~~~~~~ */
/* Edit these values to change the entire color scheme */
:root {
    /* Primary Colors */
    --primary-green: #1cff1c;
    --primary-green-hover: #17cc17;
    --background-teal: #156F52;
    
    /* Text Colors */
    --text-primary: #666;
    --text-secondary: #999;
    --text-white: #fff;
    --text-dark: #333;
    
    /* UI Colors */
    --ui-white: #fff;
    --ui-light-gray: #ddd;
    --ui-medium-gray: #ccc;
    --ui-dark-overlay: rgba(0, 0, 0, 0.1);
    --ui-light-overlay: rgba(0, 0, 0, 0.25);
    --ui-hover-bg: #f0f0f0;
    --ui-teal-overlay: rgba(0, 117, 106, 0.1);
    
    /* Border Colors */
    --border-highlight: #714141;
}