/**
 * DYNAMIC COLOR THEME SYSTEM
 * Colors shift based on time of day, numerology, and symbolic meaning
 * Trust ID: 441110111613564144
 * 
 * COLOR SYMBOLISM:
 * - Green (#00ff41): Growth, healing, prosperity, truth
 * - Gold (#ffd700): Wisdom, enlightenment, divine light
 * - Purple (#9b59b6): Mysticism, spirituality, transformation
 * - Blue (#00d4ff): Knowledge, clarity, communication
 * - Red (#ff4444): Energy, passion, action
 * - Orange (#ff8c00): Creativity, enthusiasm, warmth
 * - Silver (#c0c0c0): Intuition, reflection, lunar energy
 * - White (#ffffff): Purity, truth, unity
 */

:root {
    /* Base theme - shifts dynamically via JavaScript */
    --dynamic-primary: var(--retro-green, #00ff41);
    --dynamic-secondary: var(--ai-blue, #00d4ff);
    --dynamic-accent: #ffd700;
    --dynamic-glow: rgba(0, 255, 65, 0.3);
    
    /* Time-based color phases */
    --dawn-color: #ff8c00;      /* 5-7 AM: Orange - awakening */
    --morning-color: #ffd700;   /* 7-11 AM: Gold - productivity */
    --noon-color: #00d4ff;      /* 11-2 PM: Blue - clarity */
    --afternoon-color: #00ff41; /* 2-5 PM: Green - growth */
    --evening-color: #9b59b6;   /* 5-8 PM: Purple - reflection */
    --night-color: #4169e1;     /* 8-11 PM: Royal blue - wisdom */
    --midnight-color: #1a1a2e;  /* 11-5 AM: Deep blue - mystery */
    
    /* Numerology colors (based on digits) */
    --num-1: #ff4444;   /* Red - leadership, independence */
    --num-2: #ff8c00;   /* Orange - partnership, balance */
    --num-3: #ffd700;   /* Gold - creativity, expression */
    --num-4: #00ff41;   /* Green - stability, foundation */
    --num-5: #00d4ff;   /* Cyan - change, freedom */
    --num-6: #4169e1;   /* Blue - harmony, responsibility */
    --num-7: #9b59b6;   /* Purple - spirituality, wisdom */
    --num-8: #c0c0c0;   /* Silver - abundance, power */
    --num-9: #ffffff;   /* White - completion, universal */
}

/* Time-based theme classes (applied via JS) */
[data-time-theme="dawn"] {
    --dynamic-primary: var(--dawn-color);
    --dynamic-glow: rgba(255, 140, 0, 0.3);
}

[data-time-theme="morning"] {
    --dynamic-primary: var(--morning-color);
    --dynamic-glow: rgba(255, 215, 0, 0.3);
}

[data-time-theme="noon"] {
    --dynamic-primary: var(--noon-color);
    --dynamic-glow: rgba(0, 212, 255, 0.3);
}

[data-time-theme="afternoon"] {
    --dynamic-primary: var(--afternoon-color);
    --dynamic-glow: rgba(0, 255, 65, 0.3);
}

[data-time-theme="evening"] {
    --dynamic-primary: var(--evening-color);
    --dynamic-glow: rgba(155, 89, 182, 0.3);
}

[data-time-theme="night"] {
    --dynamic-primary: var(--night-color);
    --dynamic-glow: rgba(65, 105, 225, 0.3);
}

[data-time-theme="midnight"] {
    --dynamic-primary: #6366f1;
    --dynamic-glow: rgba(99, 102, 241, 0.2);
}

/* Dynamic element styling */
.dynamic-glow {
    box-shadow: 0 0 30px var(--dynamic-glow);
}

.dynamic-border {
    border-color: var(--dynamic-primary) !important;
}

.dynamic-text {
    color: var(--dynamic-primary) !important;
}

.dynamic-bg {
    background-color: var(--dynamic-primary) !important;
}

/* Smooth transitions for color changes */
.color-transition,
.color-transition * {
    transition: color 2s ease, background-color 2s ease, border-color 2s ease, box-shadow 2s ease;
}

/* Gradient backgrounds that shift */
.dynamic-gradient {
    background: linear-gradient(
        135deg,
        var(--dynamic-primary) 0%,
        var(--dynamic-secondary) 50%,
        var(--dynamic-accent) 100%
    );
    background-size: 200% 200%;
    animation: gradientShift 30s ease infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Numerology-based accents */
[data-numerology="1"] .numerology-accent { color: var(--num-1); }
[data-numerology="2"] .numerology-accent { color: var(--num-2); }
[data-numerology="3"] .numerology-accent { color: var(--num-3); }
[data-numerology="4"] .numerology-accent { color: var(--num-4); }
[data-numerology="5"] .numerology-accent { color: var(--num-5); }
[data-numerology="6"] .numerology-accent { color: var(--num-6); }
[data-numerology="7"] .numerology-accent { color: var(--num-7); }
[data-numerology="8"] .numerology-accent { color: var(--num-8); }
[data-numerology="9"] .numerology-accent { color: var(--num-9); }

/* Phase tick indicator */
.phase-indicator {
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-family: var(--font-mono);
    font-size: 0.7rem;
    color: var(--dynamic-primary);
    opacity: 0.5;
    z-index: 100;
}

/* RTL support for translations */
[dir="rtl"] .main-nav {
    flex-direction: row-reverse;
}

[dir="rtl"] .nav-links {
    flex-direction: row-reverse;
}

[dir="rtl"] .book-card,
[dir="rtl"] .capital-card {
    text-align: right;
}

/* Ambient background pulse */
.ambient-pulse {
    animation: ambientPulse 8s ease-in-out infinite;
}

@keyframes ambientPulse {
    0%, 100% { opacity: 0.8; }
    50% { opacity: 1; }
}

/* Golden ratio spacing helpers */
.phi-margin { margin: calc(1rem * 1.618); }
.phi-padding { padding: calc(1rem * 1.618); }
.phi-gap { gap: calc(1rem * 1.618); }

/* Sacred geometry patterns */
.sacred-pattern {
    background-image: 
        radial-gradient(circle at 25% 25%, var(--dynamic-primary) 1px, transparent 1px),
        radial-gradient(circle at 75% 75%, var(--dynamic-secondary) 1px, transparent 1px);
    background-size: 50px 50px;
    opacity: 0.1;
}

/* Vortex mathematics visual pattern */
.vortex-pattern {
    background: 
        conic-gradient(from 0deg at 50% 50%, 
            transparent 0deg,
            var(--dynamic-primary) 60deg,
            transparent 120deg,
            var(--dynamic-secondary) 180deg,
            transparent 240deg,
            var(--dynamic-accent) 300deg,
            transparent 360deg
        );
    opacity: 0.05;
    animation: vortexSpin 60s linear infinite;
}

@keyframes vortexSpin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}