/**
 * Signal Color: Default (Gold)
 * Premium gold accent color optimized for logo harmony.
 * This file is loaded when "Default" is selected, and must contain
 * the FULL definition set (just like signal-gold.css) to ensure consistency.
 *
 * Primary: #D4A45A (Warm Bronze Gold - based on logo colors)
 * Dark variant: #A67433 (Deep Bronze)
 * Highlight: #E8C878 (Soft Gold)
 * Secondary: #1E3A5F (Deep Navy - komplementärer Warm/Kalt Kontrast)
 *
 * Logo reference colors: #CF9F5C, #7C4B16, #D1A15E, #DAAB64
 * Contrast ratio on #0a0908: ~8:1 (AAA compliant)
 *
 * @package THE_ARCHITECT
 * @since 1.9.1
 */

/* ==========================================================================
   DEFAULT GOLD ACCENT SYSTEM
   ========================================================================== */

:root {
        --c-signal: #D4A45A;
        --c-signal-dark: #A67433;
        --c-signal-light: #E8C878;
        --c-signal-glow: rgba(212, 164, 90, 0.22);
        --c-signal-subtle: rgba(212, 164, 90, 0.12);
        --signal-rgb: 212, 164, 90;
        --color-signal-rgb: 212, 164, 90;

        /* Secondary Color: Deep Navy - Komplementär zu Gold */
        --c-signal-secondary: #1E3A5F;
        --c-signal-secondary-light: #2D5082;
        --c-signal-secondary-subtle: rgba(30, 58, 95, 0.15);
        --c-signal-secondary-glow: rgba(30, 58, 95, 0.22);
        --secondary-rgb: 30, 58, 95;
        --color-secondary-rgb: 30, 58, 95;

        /* Gradient: Signal to Secondary */
        --gradient-signal: linear-gradient(135deg, var(--c-signal) 0%, var(--c-signal-secondary) 100%);
        --gradient-signal-subtle: linear-gradient(135deg, var(--c-signal-subtle) 0%, var(--c-signal-secondary-subtle) 100%);

        /* Tailwind integration */
        --color-signal: var(--c-signal);
        --color-signal-light: var(--c-signal-light);
        --color-signal-dark: var(--c-signal-dark);
        --color-signal-secondary: var(--c-signal-secondary);

        --c-gold: var(--c-signal);
        --c-gold-dark: var(--c-signal-dark);
        --c-highlight: var(--c-signal-light);
        --c-highlight-dim: var(--c-signal);
        --c-highlight-light: var(--c-signal-light);
        --c-accent-10: var(--c-signal-subtle);

        /* Background colors - these are now set dynamically via bg_preset in PHP
           Fallback values only used if no preset is selected */
        --color-bg-hover: rgba(255, 255, 255, 0.05);
        --color-bg-card: rgba(255, 255, 255, 0.03);
        --color-glass: rgba(18, 16, 14, 0.7);
        --color-glass-border: rgba(255, 255, 255, 0.08);

        /* Gold Hero Gradient - deep golden/amber */
        --gradient-hero-dark: linear-gradient(135deg,
                        #0d0b08 0%,
                        #1a1408 25%,
                        #120f08 50%,
                        #0a0908 100%);
        --aurora-glow: radial-gradient(ellipse 80% 50% at 50% 0%,
                        rgba(212, 164, 90, 0.10) 0%,
                        transparent 50%);
        --aurora-accent: radial-gradient(ellipse 60% 40% at 70% 20%,
                        rgba(212, 164, 90, 0.06) 0%,
                        transparent 60%);

        /* Enhanced Wave Colors for premium look */
        --wave-blue-deep: 15, 52, 96;
        --wave-cyan: 6, 182, 212;
        --wave-blue-light: 56, 189, 248;
        --wave-indigo: 99, 102, 241;
        --wave-purple: 139, 92, 246;

        /* Premium gradient combining signal + ambient colors */
        --gradient-premium: linear-gradient(
                135deg,
                rgba(var(--signal-rgb), 0.15) 0%,
                rgba(var(--wave-cyan), 0.10) 50%,
                rgba(var(--wave-indigo), 0.08) 100%
        );

        /* Ambient background gradient for sections */
        --gradient-ambient: radial-gradient(
                ellipse 100% 80% at 50% 100%,
                rgba(var(--wave-cyan), 0.06) 0%,
                rgba(var(--wave-indigo), 0.03) 50%,
                transparent 80%
        );
}

/* Force dark background on body - uses dynamic --color-bg from preset selection */
body {
        background-color: var(--color-bg, #0a0908) !important;
}

html {
        background-color: var(--color-bg, #0a0908);
}

/* Override any light mode remnants */
html.light,
html.light body,
.light section,
.light main {
        background-color: var(--color-bg) !important;
        color: var(--color-text) !important;
}

/* Ensure sections have dark background */
section,
main {
        background-color: transparent;
}

/* === HEADLINES & TEXT === */
.text-signal,
.text-accent,
.mm-accent {
        color: var(--c-signal) !important;
}

.mm-eyebrow {
        color: var(--c-signal);
}

.mm-headline-xl .text-signal,
.mm-section-header .text-signal {
        color: var(--c-signal) !important;
}

/* === LINKS === */
a:not(.mm-btn):not([class*="button"]):not([class*="text-black"]):not(.bg-signal):hover {
        color: var(--c-signal);
}

/* === HERO SECTION === */
.mm-hero-editorial__sub {
        border-left-color: var(--c-signal);
}

.mm-hero-editorial__scroll-indicator span {
        color: var(--c-signal);
}

.mm-hero-editorial__scroll-indicator .line {
        background: linear-gradient(to bottom, var(--c-signal), transparent);
}

.mm-hero-buttons .mm-btn-primary:hover,
.mm-hero-buttons .mm-btn-magnetic:hover {
        background: var(--c-signal);
        border-color: var(--c-signal);
        box-shadow: 0 0 18px var(--c-signal-glow);
}

/* === BUTTONS & CTAS === */
.mm-btn-primary,
.mm-cta-btn {
        background: var(--c-signal);
        border-color: var(--c-signal);
}

.mm-btn-primary:hover,
.mm-cta-btn:hover {
        background: var(--c-signal-dark);
        box-shadow: 0 0 12px var(--c-signal-glow);
}

/* === CARDS === */
.mm-benefit-icon i,
.mm-benefit-card:hover .mm-benefit-icon i {
        color: var(--c-signal);
}

.mm-benefit-card:hover {
        border-color: var(--c-signal);
}

.mm-skill-card i {
        color: var(--c-signal);
}

.mm-skill-card:hover {
        border-color: var(--c-signal);
}

/* === SECTION STYLING === */
.mm-section-header::after {
        background: linear-gradient(90deg, transparent 0%, var(--c-signal) 50%, transparent 100%);
}

.mm-tab-btn:hover,
.mm-tab-btn.active {
        color: var(--c-signal);
}

.mm-tab-btn.active::after {
        background: var(--c-signal);
}

.mm-career-item .year {
        color: var(--c-signal);
}

/* === FAQ === */
.mm-faq-question i,
.mmf-category-btn.active {
        color: var(--c-signal);
}

/* === TEXT DECORATIONS === */
.text-outline {
        -webkit-text-stroke-color: var(--c-signal);
}

.mm-underline::after,
.mm-border-accent {
        border-color: var(--c-signal);
        background-color: var(--c-signal);
}

/* === NAVIGATION === */
.mm-dock__link.active,
.mm-dock__link:hover {
        color: var(--c-signal);
}

.mm-dock__link.active::after {
        background: var(--c-signal);
}

/* === FOCUS STATES === */
:focus-visible {
        outline-color: var(--c-signal);
        box-shadow: 0 0 0 2px var(--c-signal-glow);
}

/* ==========================================================================
   DOCK & MENUBAR ACCENT STRIPES
   ========================================================================== */

.mm-dock::after {
        background: linear-gradient(to bottom, transparent 0%, var(--c-signal) 30%, var(--c-signal) 70%, transparent 100%);
}

.mm-menubar::after {
        background: linear-gradient(to right, transparent 0%, var(--c-signal) 20%, var(--c-signal) 80%, transparent 100%);
}

/* ==========================================================================
   FOOTER SIGNAL COLORS
   ========================================================================== */

.mm-mail-link {
        color: var(--c-signal);
}

.mm-mail-link:hover {
        color: var(--c-signal-light);
}

.mm-footer-highlight {
        color: var(--c-signal) !important;
        border-color: var(--c-signal-subtle);
}

.mm-footer-highlight:hover {
        background: var(--c-signal);
        color: #1A1612 !important;
}

.mm-socials a:hover {
        color: var(--c-signal);
}

.mm-footer-nav a:hover {
        color: var(--c-signal);
}

.mm-footer-editorial {
        border-top-color: var(--c-signal-subtle);
}

.mm-footer-bottom {
        border-top-color: var(--c-signal-subtle);
}

/* === TESTIMONIAL TICKER === */
.mm-tw-name,
.mm-testimonial-author {
        color: var(--c-signal);
}

.mm-testimonial-stripe {
    background-color: var(--c-cream);
    background-image: none;
}

.mm-tw-text,
.mm-tw-role {
        color: var(--c-bg);
}

.mm-testimonial-wide-item::after {
        background: rgba(var(--signal-rgb), 0.15);
}

/* ==========================================================================
   SECONDARY COLOR ENHANCEMENTS
   Complementary color (Deep Navy) for visual depth
   ========================================================================== */

/* === ALTERNATING SECTION BACKGROUNDS === */
section:nth-of-type(even):not(#home):not(.mm-hero-section) {
        background: var(--c-signal-secondary-subtle);
}

/* === HERO GRADIENT ENHANCEMENT === */
.mm-hero-editorial::before {
        background: linear-gradient(
                135deg,
                rgba(var(--secondary-rgb), 0.08) 0%,
                transparent 50%
        );
        content: '';
        position: absolute;
        inset: 0;
        pointer-events: none;
        z-index: 0;
}

/* === CARD HOVER EFFECTS === */
.mm-benefit-card:hover,
.mm-skill-card:hover,
.mm-package-card:hover {
        box-shadow:
                0 0 0 1px var(--c-signal),
                0 12px 24px -12px var(--c-signal-secondary-glow);
}

/* === SECTION DIVIDERS === */
.mm-section-divider,
.mm-section-header::before {
        background: var(--gradient-signal);
        height: 2px;
        opacity: 0.5;
}

/* === FOOTER SECONDARY ACCENTS === */
.mm-footer-editorial::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(90deg,
                transparent 0%,
                var(--c-signal-secondary) 30%,
                var(--c-signal) 50%,
                var(--c-signal-secondary) 70%,
                transparent 100%
        );
        opacity: 0.4;
}

/* === BUTTON SECONDARY VARIANT === */
.mm-btn-secondary,
.btn-secondary {
        background: var(--c-signal-secondary);
        border-color: var(--c-signal-secondary);
        color: #fff;
}

.mm-btn-secondary:hover,
.btn-secondary:hover {
        background: var(--c-signal-secondary-light);
        box-shadow: 0 0 12px var(--c-signal-secondary-glow);
}

/* === OS BAR SECONDARY ACCENT === */
.mm-os-bar::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 60%;
        height: 1px;
        background: linear-gradient(90deg,
                transparent 0%,
                var(--c-signal-secondary-subtle) 20%,
                var(--c-signal-subtle) 50%,
                var(--c-signal-secondary-subtle) 80%,
                transparent 100%
        );
        opacity: 0.6;
}

/* === GRADIENT TEXT ENHANCEMENT === */
.mm-gradient-text {
        background: var(--gradient-signal);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
}