/*
Theme Name: Gary Wallage Cosplay Pro
Theme URI: https://cosplay.garywallage.uk
Description: Cinematic, high-impact dramatic cosplay & concept photography theme for Gary Wallage Photography. Child theme of Gary Wedding Pro.
Author: Gary Wallage
Author URI: https://garywallage.uk
Template: gary-wedding-pro
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: gary-cosplay-pro
*/

:root {
    /* Cosplay & Cinematic Design Tokens */
    --brand-bg: #0F0A17;              /* Deep Cosmic Void */
    --brand-black: #08040D;           /* Obsidian Black */
    --brand-text: #EFEAF5;            /* Luminescent Silver Text */
    --brand-accent: #5B2C6F;          /* Imperial Purple Primary */
    --brand-gold-light: #9B59B6;      /* Neon Amethyst Accent */
    --brand-cyan: #00E5FF;            /* Sci-Fi Neon Cyan Highlight */
    --brand-white: #FFFFFF;
    --brand-border: rgba(155, 89, 182, 0.35);
    
    /* Typography & Hierarchy */
    --font-serif: "Cinzel", "Playfair Display", "Georgia", serif;
    --font-sans: "Inter", "Helvetica Neue", -apple-system, sans-serif;
    --font-script: "Pinyon Script", "Cormorant Garamond", serif;
}

body {
    background-color: var(--brand-bg);
    color: var(--brand-text);
    font-family: var(--font-sans);
    letter-spacing: 0.015em;
}

/* Plaque & Investment Card Overrides */
.gw-investment-plaque {
    border-color: var(--brand-gold-light) !important;
    background: linear-gradient(145deg, #1C122B 0%, #0F0A17 100%) !important;
    box-shadow: 0 8px 32px rgba(91, 44, 111, 0.25) !important;
    color: var(--brand-text) !important;
}

.gw-investment-plaque .plaque-title,
.gw-investment-plaque .plaque-price {
    color: var(--brand-gold-light) !important;
    text-shadow: 0 0 10px rgba(155, 89, 182, 0.3);
}

.gw-investment-plaque .plaque-badge {
    background: var(--brand-accent) !important;
    color: var(--brand-white) !important;
    border: 1px solid var(--brand-gold-light);
}

/* Buttons & Links */
.btn-brand, 
.wp-block-button__link,
.gary-btn-primary {
    background: linear-gradient(135deg, #5B2C6F 0%, #9B59B6 100%) !important;
    color: var(--brand-white) !important;
    font-weight: 600;
    border-radius: 6px;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
    box-shadow: 0 4px 15px rgba(155, 89, 182, 0.3);
}

.btn-brand:hover,
.wp-block-button__link:hover,
.gary-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(155, 89, 182, 0.5), 0 0 12px rgba(0, 229, 255, 0.4);
}

/* Character Fidelity / FX Callout */
.cosplay-cinema-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    background: rgba(91, 44, 111, 0.25);
    border: 1px solid var(--brand-gold-light);
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--brand-gold-light);
    letter-spacing: 0.05em;
    text-transform: uppercase;
}