/*
Theme Name: CGCosmos
Theme URI: https://cgcosmos.com
Author: CGCosmos
Author URI: https://cgcosmos.com
Description: The universe of CG art — a 3D community and marketplace theme with dark/light mode.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cgcosmos
Tags: dark-theme, e-commerce, portfolio, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

/* CSS Custom Properties — Dark Mode (default) */
:root {
    --bg-primary:     #07090F;
    --bg-secondary:   #0C1120;
    --bg-card:        #111827;
    --bg-card-hover:  #162035;
    --bg-input:       #0D1526;
    --bg-overlay:     rgba(7, 9, 15, 0.85);

    --text-primary:   #EFF3FF;
    --text-secondary: #8FA3C8;
    --text-muted:     #4B5E80;

    --accent:         #3B82F6;
    --accent-hover:   #60A5FA;
    --accent-dark:    #1D4ED8;
    --accent-glow:    rgba(59, 130, 246, 0.25);
    --accent-light:   rgba(59, 130, 246, 0.12);

    --success:        #10B981;
    --warning:        #F59E0B;
    --danger:         #EF4444;

    --border:         rgba(255, 255, 255, 0.07);
    --border-hover:   rgba(59, 130, 246, 0.35);
    --border-accent:  rgba(59, 130, 246, 0.6);

    --shadow-sm:      0 2px 8px rgba(0,0,0,0.3);
    --shadow-md:      0 4px 20px rgba(0,0,0,0.5);
    --shadow-lg:      0 8px 40px rgba(0,0,0,0.7);
    --shadow-glow:    0 0 30px rgba(59, 130, 246, 0.15);

    --radius-sm:      6px;
    --radius-md:      10px;
    --radius-lg:      16px;
    --radius-xl:      24px;
    --radius-full:    9999px;

    --nav-height:     68px;
    --transition:     0.2s ease;
    --transition-slow:0.4s ease;

    --font-display:   'Bebas Neue', sans-serif;
    --font-body:      'Jost', sans-serif;
    --font-mono:      'JetBrains Mono', monospace;
}

/* Light Mode */
[data-theme="light"] {
    --bg-primary:     #F4F7FF;
    --bg-secondary:   #EBF0FF;
    --bg-card:        #FFFFFF;
    --bg-card-hover:  #F0F5FF;
    --bg-input:       #FFFFFF;
    --bg-overlay:     rgba(244, 247, 255, 0.92);

    --text-primary:   #0A0F1E;
    --text-secondary: #3D5080;
    --text-muted:     #8FA3C8;

    --accent:         #2563EB;
    --accent-hover:   #1D4ED8;
    --accent-dark:    #1E40AF;
    --accent-glow:    rgba(37, 99, 235, 0.2);
    --accent-light:   rgba(37, 99, 235, 0.08);

    --border:         rgba(0, 0, 0, 0.07);
    --border-hover:   rgba(37, 99, 235, 0.3);
    --border-accent:  rgba(37, 99, 235, 0.5);

    --shadow-sm:      0 2px 8px rgba(0,0,0,0.06);
    --shadow-md:      0 4px 20px rgba(0,0,0,0.10);
    --shadow-lg:      0 8px 40px rgba(0,0,0,0.14);
    --shadow-glow:    0 0 30px rgba(37, 99, 235, 0.1);
}

/* Nav Live Badge */
.nav-live-badge {
    display: inline-block;
    font-size: 9px;
    font-weight: 600;
    padding: 1px 6px;
    background: #10B981;
    color: #fff;
    border-radius: 99px;
    margin-left: 4px;
    animation: pulse-badge 2s infinite;
}

@keyframes pulse-badge {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.65; }
}