/* Light mode — matches Tibrex Desktop LightTheme.xaml */

[data-theme="light"] {
  --gold-light: #a37c26;
  --gold-text: #8a6218;
  --section-alt: #fbfaf7;
  --card-border: #eee9e0;
  --card-border-gold: #e8d4a8;
  --shadow: 0 8px 32px rgba(92, 82, 72, 0.07), 0 2px 8px rgba(201, 150, 44, 0.05);
  --shadow-gold: 0 16px 48px rgba(201, 150, 44, 0.14);
  --glow-gold: rgba(201, 150, 44, 0.16);
  --glow-green: rgba(26, 122, 85, 0.1);
  --grid-line: rgba(201, 150, 44, 0.055);
  --nav-bg: rgba(247, 245, 240, 0.94);
  --warm-surface: linear-gradient(165deg, #fffbf5 0%, #f7f5f0 45%, #fbf1de 100%);
}

[data-theme="light"] .bg-glow {
  background:
    radial-gradient(circle at 14% 6%, rgba(201, 150, 44, 0.14), transparent 34%),
    radial-gradient(circle at 86% 12%, rgba(26, 122, 85, 0.08), transparent 30%),
    radial-gradient(circle at 50% 95%, rgba(251, 241, 222, 0.55), transparent 45%);
}

[data-theme="light"] .tibrex-wordmark-main .ex {
  color: var(--gold-text);
}

[data-theme="light"] .site-nav {
  border-bottom-color: var(--card-border-gold);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

[data-theme="light"] .section-label {
  color: var(--gold-text);
}

[data-theme="light"] .platform-live-card,
[data-theme="light"] .chart-panel,
[data-theme="light"] .trades-panel,
[data-theme="light"] .step-card,
[data-theme="light"] .testimonial-card,
[data-theme="light"] .faq-item,
[data-theme="light"] .showcase-frame .app-window {
  border-color: color-mix(in srgb, var(--gold) 28%, var(--card-border));
  background: var(--card);
  box-shadow: var(--shadow), 0 0 0 1px rgba(255, 255, 255, 0.85) inset;
}

[data-theme="light"] .pricing-section {
  background: linear-gradient(180deg, transparent, rgba(251, 241, 222, 0.35) 45%, transparent);
}

[data-theme="light"] .platform-live-card {
  background: linear-gradient(145deg, #ffffff 0%, #fbf1de 55%, #f7f5f0 100%);
  border-color: var(--card-border-gold);
  box-shadow: var(--shadow-gold);
}

[data-theme="light"] .journey-app .app-window {
  border-color: var(--card-border-gold);
  box-shadow: var(--shadow-gold);
}

[data-theme="light"] .metric-box {
  background: var(--section-alt);
  border-color: var(--card-border);
}

[data-theme="light"] .metric-box.highlight {
  background: var(--badge-gold-bg);
  border-color: var(--card-border-gold);
}

[data-theme="light"] .partner-chip {
  background: var(--card);
  border: 1px solid var(--card-border);
}

[data-theme="light"] .journey-orb--gold {
  opacity: 0.65;
  background: rgba(251, 241, 222, 0.9);
}

[data-theme="light"] .journey-orb--green {
  opacity: 0.5;
  background: rgba(234, 243, 222, 0.85);
}

[data-theme="light"] .journey-callout {
  display: none;
}

[data-theme="light"] .journey-app .system-flow {
  border-color: transparent;
  background: transparent;
}

[data-theme="light"] .sys-step {
  background: var(--card);
  border-color: var(--card-border);
}

[data-theme="light"] .sys-step--ai {
  background: var(--badge-gold-bg);
  border-color: var(--card-border-gold);
}

[data-theme="light"] .sys-step--mt5 {
  background: var(--badge-green-bg);
  border-color: color-mix(in srgb, var(--green) 35%, var(--card-border));
}

[data-theme="light"] .j-float {
  border-color: var(--card-border-gold);
  background: rgba(255, 255, 255, 0.5);
}

[data-theme="light"] .journey-route-line {
  stroke: var(--gold);
  opacity: 0.45;
}

[data-theme="light"] .cta-box {
  background: var(--warm-surface);
  border: 1px solid var(--card-border-gold);
  box-shadow: var(--shadow-gold);
}

[data-theme="light"] #how {
  background: var(--section-alt) !important;
}

[data-theme="light"] .faq-teaser {
  background: linear-gradient(180deg, transparent, rgba(251, 241, 222, 0.35));
}

[data-theme="light"] .icon-btn,
[data-theme="light"] .lang-btn {
  border-color: var(--card-border);
  background: var(--card);
}

[data-theme="light"] .icon-btn:hover,
[data-theme="light"] .lang-btn:hover {
  border-color: var(--gold);
  background: var(--badge-gold-bg);
}

[data-theme="light"] .live-section-icon {
  background: transparent;
  border: none;
}

[data-theme="light"] .app-journey {
  background: linear-gradient(180deg, rgba(251, 241, 222, 0.25) 0%, transparent 35%);
}

[data-theme="light"] .showcase-glow {
  background: radial-gradient(circle, rgba(201, 150, 44, 0.12), transparent 68%);
}

[data-theme="light"] .pst-footer {
  border-top: 1px solid var(--card-border-gold);
}

[data-theme="light"] .footer-top-bar {
  background: linear-gradient(90deg, #fffbf5, #fbf1de, #f7f5f0);
}