/* Banza Bridge Foundation - Global Variables
 * This file contains all global CSS variables for consistent styling across the site
 */

:root {
    /* Color Palette */
    --bbf-black: #000000;
    --bbf-white: #FFFFFF;
    --bbf-gold: #EBB540;
    --bbf-light-gray: #f5f5f5;
    --bbf-dark-gray: #333333;
    --bbf-medium-gray: #777777;
    --bbf-error: #d32f2f;
    --bbf-success: var(--bbf-gold);
    
    /* Opacity Variants */
    --bbf-gold-05: rgba(235, 181, 64, 0.05);
    --bbf-gold-10: rgba(235, 181, 64, 0.1);
    --bbf-gold-20: rgba(235, 181, 64, 0.2);
    --bbf-gold-30: rgba(235, 181, 64, 0.3);
    --bbf-gold-50: rgba(235, 181, 64, 0.5);
    --bbf-gold-70: rgba(235, 181, 64, 0.7);
    --bbf-gold-90: rgba(235, 181, 64, 0.9);
    
    /* Background Colors */
    --bbf-bg-light: #FFFFFF;
    --bbf-bg-off-white: #F9F7F2;
    --bbf-bg-gold-tint: #FDF8E9;
    --bbf-bg-pattern-opacity: 0.05;
    
    /* Typography */
    --font-primary: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
    --font-secondary: 'Georgia', 'Times New Roman', serif;
    
    /* Spacing */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-xxl: 3rem;
    
    /* Effects */
    --transition-speed: 0.3s;
    --box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    --border-radius: 8px;
    
    /* Breakpoints - for reference only, not used in media queries directly */
    --breakpoint-sm: 480px;
    --breakpoint-md: 768px;
    --breakpoint-lg: 992px;
    --breakpoint-xl: 1200px;
}