<?php
/**
 * StyleScore System Stylesheets
 * Centralized stylesheet management to ensure consistency across all pages
 * 
 * Usage: Include this file in the <head> section of any page that needs StyleScore styling
 * Example: <?php include_once __DIR__ . '/includes/stylesheets.php'; ?>
 */

// Ensure btTheme function is available

// Prevent duplicate includes

    
    // Get current theme
    //$currentTheme = btTheme('nameCode');
    ?>
        <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap" rel="stylesheet">
    <!-- StyleScore System Stylesheets -->
    <!-- Bootstrap Theme (Bootswatch) -->   
    <link href="/v2/assets/css/bootstrap.min.css" rel="stylesheet"> 
    
   
    <link href="/v2/assets/css/global.css" rel="stylesheet">
    
    <!-- Lucide Icons -->
    <script src="https://unpkg.com/lucide@latest/dist/umd/lucide.js"></script>
    
    <!-- Font Awesome Icons (fallback for unmapped icons) -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
 
    
    <!-- StyleScore Notification Manager -->
    <script src="/v2/assets/js/notification_manager.js"></script>
    
    <!-- Bootstrap Icons (for compatibility) -->
    <link rel="stylesheet" 
          href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
    
    <!-- StyleScore Background Themes -->
    <link rel="stylesheet" href="/v2/assets/css/backgrounds.css">
    <script type="module" defer>
  import { polyfillCountryFlagEmojis } from "https://cdn.skypack.dev/country-flag-emoji-polyfill";
  polyfillCountryFlagEmojis();
</script>
    <!-- StyleScore Custom Styles -->
    <style>
        @font-face {
      font-family: "Twemoji Country Flags";
      unicode-range: U+1F1E6-1F1FF, U+1F3F4, U+E0062-E0063, U+E0065, U+E0067,
        U+E006C, U+E006E, U+E0073-E0074, U+E0077, U+E007F;     
      font-display: swap;
    };
        /* Global StyleScore System Variables */
        :root {
            --ss-primary: #007bff;
            --ss-secondary: #6c757d;
            --ss-success: #28a745;
            --ss-danger: #dc3545;
            --ss-warning: #ffc107;
            --ss-info: #17a2b8;
            --ss-light: #f8f9fa;
            --ss-dark: #343a40;
            --ss-accent: #39FF14; /* StyleScore Neon Lime */
            
            /* Menu and Navigation */
            --ss-sidebar-bg: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
            --ss-sidebar-text: #EAF2FF;
            --ss-sidebar-icon: #9FB0C9;
            --ss-sidebar-icon-active: #39FF14;
        }
        
        /* Live Badge Animation */
        .pulse {
            animation: pulse 2s infinite;
        }
        
        @keyframes pulse {
            0% { opacity: 1; }
            50% { opacity: 0.5; }
            100% { opacity: 1; }
        }
        
        /* StyleScore Button Variants */
        .btn-ss-primary {
            background: linear-gradient(135deg, var(--ss-primary) 0%, #0056b3 100%);
            border: none;
            color: white;
        }
        
        .btn-ss-accent {
            background: var(--ss-accent);
            border: none;
            color: #000;
            font-weight: 600;
        }
        
        .btn-ss-accent:hover {
            background: #2ee000;
            color: #000;
        }
        
        /* Consistent form styling */
        .form-control:focus {
            border-color: var(--ss-accent);
            box-shadow: 0 0 0 0.2rem rgba(57, 255, 20, 0.25);
        }
        
        /* Loading states */
        .loading {
            opacity: 0.6;
            pointer-events: none;
            position: relative;
        }
        
        .loading::after {
            content: '';
            position: absolute;
            inset: 0;
            background: rgba(255,255,255,0.8);
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: inherit;
        }
        
        /* Responsive text sizing */
        @media (max-width: 768px) {
            .display-1, .display-2, .display-3, .display-4, .display-5, .display-6 {
                font-size: calc(1.375rem + 1.5vw);
            }
        }
        
        /* Print styles */
        @media print {
            .no-print, .sidebar-nav, .navbar, .btn, .alert {
                display: none !important;
            }
            
            body {
                padding-left: 0 !important;
            }
        }
    </style>
    
