/*
 Theme Name:   Tradingurus Academy Child
 Theme URI:    http://tradingurus-academy.local/
 Description:  Astra Child Theme for Tradingurus Academy
 Author:       Tradingurus Team
 Template:     astra
 Version:      1.0.0
*/

:root {
  /* Surfaces */
  --tg-dark-bg: #0b0f17;
  --tg-dark-bg-alt: #0e1420;
  --tg-card-bg: #131b2e;
  --tg-card-bg-soft: rgba(19, 27, 46, 0.6);
  --tg-border: rgba(0, 242, 254, 0.14);
  --tg-border-strong: rgba(0, 242, 254, 0.3);

  /* Brand accents */
  --tg-neon-teal: #00f2fe;
  --tg-neon-green: #00ff87;
  --tg-neon-red: #ff4d6d;
  --tg-neon-amber: #ffb020;
  --tg-gradient-brand: linear-gradient(135deg, var(--tg-neon-teal), var(--tg-neon-green));
  --tg-gradient-glow: radial-gradient(circle at 20% 20%, rgba(0, 242, 254, 0.16), transparent 55%),
    radial-gradient(circle at 80% 0%, rgba(0, 255, 135, 0.12), transparent 45%);

  /* Text */
  --tg-text: #ffffff;
  --tg-text-muted: #9aa7bd;
  --tg-text-dim: #6b7690;

  /* Typography */
  --tg-font-heading: 'Sora', 'Segoe UI', sans-serif;
  --tg-font-body: 'Inter', 'Segoe UI', sans-serif;

  /* Spacing / shape */
  --tg-radius-sm: 10px;
  --tg-radius-md: 16px;
  --tg-radius-lg: 24px;
  --tg-section-y: clamp(3rem, 6vw, 6.5rem);
  --tg-container: 1240px;

  /* Motion */
  --tg-ease: cubic-bezier(0.22, 1, 0.36, 1);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: var(--tg-dark-bg) !important;
  background-image: var(--tg-gradient-glow);
  background-attachment: fixed;
  color: var(--tg-text);
  font-family: var(--tg-font-body);
  line-height: 1.6;
}

body.ast-plain-container .ast-article-single,
body.ast-separate-container .ast-article-single {
  background: transparent;
}

h1, h2, h3, h4, h5, h6,
.tg-heading {
  font-family: var(--tg-font-heading);
  color: var(--tg-text);
  font-weight: 700;
  letter-spacing: -0.01em;
}

a {
  color: var(--tg-neon-teal);
}

::selection {
  background: var(--tg-neon-teal);
  color: #04121a;
}

.tg-container {
  max-width: var(--tg-container);
  margin: 0 auto;
  padding: 0 1.5rem;
}

.tg-section {
  padding-block: var(--tg-section-y);
  position: relative;
}

/* Scroll reveal (JS toggles .is-visible via IntersectionObserver) */
.tg-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s var(--tg-ease), transform 0.7s var(--tg-ease);
}

.tg-reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .tg-reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  html {
    scroll-behavior: auto;
  }
}