/* ==============================================================================
   HIRANYAM AI LABS — MASTER ROYAL PUNE PURPLE & REGAL GOLD DESIGN SYSTEM
   Visual Source of Truth: Deployed Production Identity (#0A0214, #140424, #1C0636)
   Palette: Deep Imperial Purple, Radiant Regal Gold (#FFD034 / #FFE27A),
            Amethyst Glow (#C084FC), Emerald Telemetry (#10B981), Pure Silver-White
   ============================================================================== */

:root {
  /* --------------------------------------------------------------------------
     1. Royal Purple Canvas & Atmospheric Surfaces (Deployed Production Palette)
     -------------------------------------------------------------------------- */
  --bg-deep: #07010E;
  --bg-canvas: #0A0214;
  --bg-surface: #140424;
  --bg-surface-subtle: #1C0636;
  --bg-surface-elevated: #28094C;
  --bg-surface-hover: #320C5E;
  --bg-surface-sunken: #080111;

  /* Translucent Glassmorphic Cards (Royal Purple + Gold Sheen) */
  --bg-card: rgba(26, 7, 46, 0.84);
  --bg-card-hover: rgba(40, 11, 70, 0.94);
  --bg-glass: rgba(28, 7, 48, 0.85);
  --bg-glass-hover: rgba(45, 12, 78, 0.95);
  --bg-glass-light: rgba(38, 10, 68, 0.78);
  --bg-input: rgba(255, 255, 255, 0.07);

  /* --------------------------------------------------------------------------
     2. Brighter Regal Gold & Sunbeam Aura Palette (Primary Brand Accent)
     -------------------------------------------------------------------------- */
  --color-gold: #FFD034;
  --color-gold-light: #FFE27A;
  --color-gold-bright: #FFF5C0;
  --color-gold-dark: #D97706;
  --color-gold-tint: rgba(255, 208, 52, 0.16);
  --color-gold-glow: rgba(255, 208, 52, 0.45);
  --gold-primary: #FFD034;
  --gold-light: #FFE27A;
  --gold-bright: #FFF5C0;
  --gold-dark: #D97706;
  --gold-glow: rgba(255, 208, 52, 0.45);
  --gold-subtle: rgba(255, 208, 52, 0.14);
  --gold-gradient: linear-gradient(135deg, #FFFDF2 0%, #FFE27A 35%, #FFD034 70%, #D97706 100%);
  --gold-button-gradient: linear-gradient(135deg, #FFF9D2 0%, #FFD034 50%, #C97700 100%);

  /* --------------------------------------------------------------------------
     3. Royal Amethyst & Electric Purple Palette (Cognitive AI Depth)
     -------------------------------------------------------------------------- */
  --color-purple: #C084FC;
  --color-purple-light: #E9D5FF;
  --color-purple-dark: #581C87;
  --color-purple-tint: rgba(192, 132, 252, 0.18);
  --purple-electric: #A855F7;
  --purple-vibrant: #C084FC;
  --purple-deep: #6D28D9;
  --purple-glow: rgba(168, 85, 247, 0.42);
  --purple-subtle: rgba(192, 132, 252, 0.15);
  --purple-gradient: linear-gradient(135deg, #E9D5FF 0%, #A855F7 50%, #581C87 100%);

  /* --------------------------------------------------------------------------
     4. Supporting Emerald & Royal Cyan Telemetry Accents
     -------------------------------------------------------------------------- */
  --color-emerald: #10B981;
  --color-emerald-dark: #047857;
  --color-emerald-light: #34D399;
  --color-emerald-tint: rgba(16, 185, 129, 0.18);
  --pearl-green: #10B981;
  --pearl-green-light: #34D399;
  --pearl-green-dark: #059669;
  --pearl-green-glow: rgba(16, 185, 129, 0.35);
  --pearl-green-subtle: rgba(16, 185, 129, 0.15);
  --emerald-accent: #10B981;

  --color-royal: #38BDF8;
  --color-royal-dark: #0284C7;
  --color-royal-light: #7DD3FC;
  --color-royal-tint: rgba(56, 189, 248, 0.18);
  --royal-blue: #FFD034;
  --royal-blue-light: #FFE27A;
  --royal-blue-vibrant: #C084FC;
  --royal-blue-glow: rgba(255, 208, 52, 0.35);
  --royal-blue-subtle: rgba(255, 208, 52, 0.12);

  /* --------------------------------------------------------------------------
     5. High-Contrast Silver-White & Gold Readability Typography
     -------------------------------------------------------------------------- */
  --text-heading: #FFFFFF;
  --text-main: #F1F5F9;
  --text-body: #F1F5F9;
  --text-muted: #CBD5E1;
  --text-dim: #94A3B8;
  --text-subtle: #94A3B8;
  --text-white: #FFFFFF;
  --text-inverse: #1A0600;

  /* --------------------------------------------------------------------------
     6. Luxury Gold & Amethyst Borders & Frames
     -------------------------------------------------------------------------- */
  --border-subtle: rgba(255, 226, 122, 0.24);
  --border-light: rgba(255, 226, 122, 0.38);
  --border-focus: rgba(255, 208, 52, 0.75);
  --border-gold: rgba(255, 226, 122, 0.52);
  --border-glow: rgba(255, 208, 52, 0.85);
  --border-glass: rgba(255, 226, 122, 0.28);
  --border-card: rgba(255, 226, 122, 0.26);
  --border-glow-green: rgba(16, 185, 129, 0.45);
  --border-glow-blue: rgba(255, 208, 52, 0.5);
  --border-glow-purple: rgba(192, 132, 252, 0.5);
  --border-glow-gold: rgba(255, 208, 52, 0.65);

  /* --------------------------------------------------------------------------
     7. Multi-Layer Depth Shadows & Golden Illumination
     -------------------------------------------------------------------------- */
  --shadow-sm: 0 4px 14px rgba(0, 0, 0, 0.55);
  --shadow-md: 0 8px 26px -2px rgba(0, 0, 0, 0.75), 0 0 25px rgba(255, 208, 52, 0.14);
  --shadow-lg: 0 16px 42px -4px rgba(0, 0, 0, 0.85), 0 0 40px rgba(255, 208, 52, 0.22);
  --shadow-xl: 0 24px 64px -6px rgba(0, 0, 0, 0.95), 0 0 55px rgba(255, 208, 52, 0.32);
  --shadow-card-hover: 0 20px 48px rgba(0, 0, 0, 0.9), 0 0 35px rgba(255, 208, 52, 0.28);
  --shadow-button: 0 6px 24px rgba(255, 208, 52, 0.5);
  --shadow-gold-button: 0 6px 26px rgba(255, 208, 52, 0.55);

  /* --------------------------------------------------------------------------
     8. Dynamic Gradients
     -------------------------------------------------------------------------- */
  --grad-pearl-green: linear-gradient(135deg, #059669 0%, #10B981 100%);
  --grad-royal-blue: linear-gradient(135deg, #FFF9D2 0%, #FFD034 55%, #D97706 100%);
  --grad-purple: linear-gradient(135deg, #C084FC 0%, #7C3AED 50%, #4C1D95 100%);
  --grad-gold: linear-gradient(135deg, #FFFDF2 0%, #FFE27A 35%, #FFD034 70%, #D97706 100%);
  --grad-hero-btn: linear-gradient(135deg, #FFF9D2 0%, #FFD034 50%, #C97700 100%);
  --grad-heading-text: linear-gradient(135deg, #FFFFFF 15%, #FFE27A 55%, #FFD034 85%, #C084FC 100%);
  --grad-gold-text: linear-gradient(135deg, #FFFDF2 0%, #FFE27A 40%, #FFD034 75%, #D97706 100%);

  /* --------------------------------------------------------------------------
     9. Typography, Radii & Transitions
     -------------------------------------------------------------------------- */
  --font-sans: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

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

  --duration-fast: 0.18s;
  --duration-normal: 0.3s;
  --duration-slow: 0.6s;
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
}

/* --------------------------------------------------------------------------
   10. Master Motion Keyframes (Purple & Gold Living Components)
   -------------------------------------------------------------------------- */

/* A. Revolving 360-Degree Planetary Orbit */
@keyframes orbitSpin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

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

/* B. Radiant Sunbeam / God-Ray Aura Rotation (From Deployed Site) */
@keyframes rotateSunRays {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* C. Signature Gold Pulsing Dot (From Deployed Site) */
@keyframes pulseGold {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 208, 52, 0.85);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 208, 52, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 208, 52, 0);
  }
}

/* D. Flowing Animated Gold Data Pulse along Pipelines */
@keyframes pipelineDataPulse {
  0% {
    left: -10%;
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    left: 110%;
    opacity: 0;
  }
}

/* E. Ambient Luminous Aurora Drift */
@keyframes auroraDrift {
  0% { transform: translate(0px, 0px) scale(1); }
  33% { transform: translate(30px, -25px) scale(1.08); }
  66% { transform: translate(-25px, 20px) scale(0.95); }
  100% { transform: translate(0px, 0px) scale(1); }
}

/* F. Status Badge Live Pulse */
@keyframes liveGreenPulse {
  0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.6); }
  70% { box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); }
  100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
}

/* G. Voice Waveform Audio Equalizer Bar Bounce */
@keyframes voiceWaveBounce {
  0%, 100% { transform: scaleY(0.25); }
  50% { transform: scaleY(1); }
}