:root {
    /* Brand Colors - CheckTicket Primary Palette */
    --primary: #055858; /* Darkish Blue / Deep Teal */
    --primary-color: #055858;
    --primary-purple: #055858;
    --primary-hover-color: #044646;
    --primary-dark: #033636;
    --bs-primary: #055858;
    --bs-primary-rgb: 5, 88, 88;
    --bs-info: #0a7373;

    --gold-deep: #bc8a1b; /* Deep Golden */
    --secondary: #bc8a1b;
    --secondary-gold: #bc8a1b;
    --accent: #bc8a1b;
    --gold-light: #e5c357; /* Light Golden */
    --gold-hover: #a37614;

    --dark-green: #055858; /* Darkish Blue / Deep Teal */
    --brand-dark-green: #055858;
    --green-dark: #044646;
    --green-hover: #033636;

    --primary-cyan: #0a7373;
    --primary-blue: #055858;
    --primary-gradient: linear-gradient(135deg, #055858 0%, #0a7373 100%);
    --primary-hover: linear-gradient(135deg, #044646 0%, #033636 100%);
    --gold-gradient: linear-gradient(135deg, #bc8a1b 0%, #e5c357 100%);
    --primary-light: rgba(5, 88, 88, 0.08);
    --gold-light-bg: rgba(229, 195, 87, 0.15);
    
    /* Neutral Palette */
    --slate-900: #0f172a;
    --slate-800: #1e293b;
    --slate-700: #334155;
    --slate-600: #475569;
    --slate-500: #64748b;
    --slate-400: #94a3b8;
    --slate-300: #cbd5e1;
    --slate-200: #e2e8f0;
    --slate-100: #f1f5f9;
    --slate-50:  #f8fafc;
    --white:     #ffffff;
    
    /* Accent & Badge Colors */
    --accent-orange: #ea580c;
    --accent-green:  #245a61;
    --accent-yellow: #bc8a1b;
    --accent-gold:   #bc8a1b;
    
    /* Typography */
    --font-heading: 'Outfit', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    
    /* Layout & Spacing */
    --max-width: 1600px;
    --header-height: 94px;
    --section-gap: 100px;
    
    /* Borders & Shadows */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 36px;
    --radius-pill: 9999px;
    
    --shadow-sm: 0 4px 12px rgba(15, 23, 42, 0.05);
    --shadow-md: 0 10px 25px rgba(15, 23, 42, 0.08);
    --shadow-lg: 0 20px 40px rgba(15, 23, 42, 0.12);
    --shadow-floating: 0 15px 35px rgba(2, 132, 199, 0.18);

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.85);
    --glass-border: rgba(255, 255, 255, 0.6);
    --glass-blur: blur(14px);
    
    /* Transitions */
    --transition-fast: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

