/**
 * Badge Customization Variables
 * 
 * Badges can have different colors than buttons of the same variant.
 * This allows for more flexible theming where badges can stand out
 * differently from action buttons.
 * 
 * Each badge variant has two customizable properties:
 * - Background color: --bit-badge-{variant}
 * - Text color: --bit-badge-{variant}-fg
 * 
 * By default, these fall back to the standard button colors.
 * 
 * Example usage in your theme CSS:
 * 
 * :root {
 *     // Make primary badges a different shade than primary buttons
 *     --bit-badge-primary: #6366f1;  // Indigo instead of blue
 *     --bit-badge-primary-fg: white;
 *     
 *     // Make secondary badges more muted
 *     --bit-badge-secondary: #94a3b8;
 *     --bit-badge-secondary-fg: white;
 * }
 * 
 * Available badge variables:
 * - --bit-badge-default (defaults to --bit-default)
 * - --bit-badge-accent (defaults to --bit-accent)
 * - --bit-badge-primary (defaults to --bit-primary)
 * - --bit-badge-secondary (defaults to --bit-secondary)
 * - --bit-badge-success (defaults to --bit-success)
 * - --bit-badge-danger (defaults to --bit-danger)
 * - --bit-badge-warning (defaults to --bit-warning)
 * - --bit-badge-info (defaults to --bit-info)
 * - --bit-badge-light (defaults to --bit-light)
 * - --bit-badge-dark (defaults to --bit-dark)
 * 
 * Each also has a corresponding -fg variable for text color.
 */

/* Example custom badge theme - uncomment to activate */
/*
:root {
    --bit-badge-primary: #8b5cf6;
    --bit-badge-primary-fg: white;
    
    --bit-badge-secondary: #64748b;
    --bit-badge-secondary-fg: white;
    
    --bit-badge-success: #10b981;
    --bit-badge-success-fg: white;
    
    --bit-badge-danger: #ef4444;
    --bit-badge-danger-fg: white;
    
    --bit-badge-warning: #f59e0b;
    --bit-badge-warning-fg: white;
    
    --bit-badge-info: #06b6d4;
    --bit-badge-info-fg: white;
}
*/