:root {
    /* Primary Colors - Loaded from SiteConfiguration */
    --primary-color: #267836;
    --primary-hover: #4fae63;
    --secondary-color: #a8e6c2;
    --secondary-hover: #8fd9b0;
    
    /* Text Colors */
    --text-color: #2f5e3b;
    --text-secondary: #5f7f6a;
    --text-on-primary: #ffffff;
    
    /* Background Colors */
    --background-color: #f5f5f5;
    --card-background-color: #ffffff;
    --border-color: #dee2e6;
    
    /* Status Colors */
    --status-success: #28a745;
    --status-warning: #ffc107;
    --status-danger: #dc3545;
    --status-info: #17a2b8;
    
    /* UI Elements */
    --btn-primary-inactive: #e9ecef;
    --signup-bar-bg-color: #ffd700;
    
    /* Star/Rating Color */
    --star-color: #ffc107;
    
    /* Derived colors based on primary */
    --btn-primary-active: #267836;
    --btn-primary-active-border: #267836;
    --btn-primary-active-header: #4fae63;
    
    /* Transparencies */
    --primary-color-light-transparent: rgba(38,120,54, 0.3);
    --primary-color-dark-transparent: rgba(38,120,54, 0.6);
    --primary-shadow-color: rgba(38,120,54, 0.4);
    
    /* Keep other CSS variables from main.css */
    --white: #fff;
    --transparent: transparent;
    --card-background-light-transparent: rgba(255, 255, 255, 0.8);
    --card-background-mid-transparent: rgba(255, 255, 255, 0.50);
    --card-background-dark-transparent: rgba(255, 255, 255, 0.95);
    --black-shadow-light: rgba(0, 0, 0, 0.05);
    --toast-shadow: rgba(0, 0, 0, 0.15);
    --thead-background-color: #F7FAFC;
    --card-image-background: #F7FAFC;
    --disable-color: #dc3545;
}