/*
Theme Name: XAI Blockchain Theme
Theme URI: https://xaiblockchain.com
Description: Custom dark theme for XAI Blockchain - AI-Governed PoW with Atomic Swaps
Author: XAI Blockchain Team
Author URI: https://xaiblockchain.com
Template: astra
Version: 1.0.0
License: Apache 2.0
Text Domain: xai-child
*/

/* ================================
   XAI BLOCKCHAIN DESIGN SYSTEM
   Deep Indigo + Amber/Gold Theme
   AI Governance | PoW | Atomic Swaps
   ================================ */

:root {
    /* Primary Colors - Deep Indigo (AI/Intelligence) */
    --xai-base: #0f0f1a;
    --xai-base-light: #1a1a2e;
    --xai-base-lighter: #252542;
    --xai-primary: #4F46E5;
    --xai-primary-light: #6366F1;
    --xai-primary-dark: #4338CA;

    /* Secondary - Slate (Professionalism) */
    --xai-secondary: #334155;
    --xai-secondary-light: #475569;

    /* Accent - Amber/Gold (Innovation/Value) */
    --xai-accent: #FBBF24;
    --xai-accent-light: #FCD34D;
    --xai-accent-dark: #F59E0B;

    /* Tertiary - Emerald (Success/Growth) */
    --xai-tertiary: #10B981;
    --xai-tertiary-light: #34D399;

    /* Text Colors */
    --xai-text: #FFFFFF;
    --xai-text-soft: #E2E8F0;
    --xai-text-muted: #94A3B8;

    /* UI Colors */
    --xai-border: #334155;
    --xai-card: rgba(26, 26, 46, 0.8);
    --xai-card-hover: rgba(37, 37, 66, 0.9);

    /* Gradients */
    --xai-gradient-hero: linear-gradient(135deg, #0f0f1a 0%, #1a1a2e 40%, #252542 70%, #0f0f1a 100%);
    --xai-gradient-accent: linear-gradient(135deg, #4F46E5 0%, #6366F1 50%, #4338CA 100%);
    --xai-gradient-cta: linear-gradient(135deg, #FBBF24 0%, #FCD34D 50%, #F59E0B 100%);
    --xai-gradient-dark: linear-gradient(180deg, #0f0f1a 0%, #080810 100%);

    /* Shadows */
    --xai-shadow: 0 4px 20px rgba(79, 70, 229, 0.2);
    --xai-shadow-hover: 0 8px 30px rgba(79, 70, 229, 0.35);
    --xai-shadow-accent: 0 4px 20px rgba(251, 191, 36, 0.25);
}

body {
    background: var(--xai-gradient-hero) !important;
    color: var(--xai-text) !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

body.dark-theme, body.elementor-page {
    background: var(--xai-base) !important;
}

.site-header, .ast-primary-header, header.site-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 9999 !important;
    background: rgba(15, 15, 26, 0.95) !important;
    backdrop-filter: blur(20px) !important;
    border-bottom: 1px solid rgba(79, 70, 229, 0.25) !important;
}

.ast-builder-menu .menu-item a, .main-header-menu .menu-item a {
    color: var(--xai-text) !important;
    font-weight: 500 !important;
    transition: color 0.3s ease !important;
}

.ast-builder-menu .menu-item a:hover, .main-header-menu .menu-item a:hover {
    color: var(--xai-primary-light) !important;
}

.ast-builder-menu .menu-item.current-menu-item a {
    color: var(--xai-accent) !important;
}

.elementor-button, .ast-button, button, input[type="submit"] {
    background: var(--xai-gradient-accent) !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 32px !important;
    color: var(--xai-text) !important;
    font-weight: 600 !important;
    box-shadow: var(--xai-shadow) !important;
    transition: all 0.3s ease !important;
}

.elementor-button:hover {
    box-shadow: var(--xai-shadow-hover) !important;
    transform: translateY(-2px) !important;
}

.elementor-widget-container, .elementor-icon-box-wrapper {
    background: var(--xai-card) !important;
    border: 1px solid var(--xai-border) !important;
    border-radius: 16px !important;
    padding: 24px !important;
    transition: all 0.3s ease !important;
}

.elementor-widget-container:hover, .elementor-icon-box-wrapper:hover {
    background: var(--xai-card-hover) !important;
    border-color: rgba(79, 70, 229, 0.4) !important;
    transform: translateY(-8px) !important;
}

.elementor-icon i, .elementor-icon-box-icon i {
    color: var(--xai-primary-light) !important;
}

h1, h2, h3, h4, h5, h6, .elementor-heading-title {
    color: var(--xai-text) !important;
    font-weight: 700 !important;
}

p, .elementor-text-editor {
    color: var(--xai-text-muted) !important;
    line-height: 1.7 !important;
}

a {
    color: var(--xai-primary-light) !important;
    transition: color 0.3s ease !important;
}

a:hover {
    color: var(--xai-accent) !important;
}

.elementor-counter-number-wrapper {
    color: var(--xai-primary-light) !important;
    font-size: 48px !important;
    font-weight: 700 !important;
}

pre, code {
    background: rgba(79, 70, 229, 0.08) !important;
    border: 1px solid var(--xai-border) !important;
    border-radius: 8px !important;
    color: var(--xai-accent) !important;
    font-family: 'JetBrains Mono', monospace !important;
}

input:focus, textarea:focus {
    border-color: var(--xai-primary) !important;
    box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.2) !important;
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: var(--xai-base); }
::-webkit-scrollbar-thumb { background: var(--xai-primary-dark); border-radius: 5px; }

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');