/* =============================================================
   langsyn-org.css  —  langsyn.org overrides (green theme)
   Load AFTER langsyn-theme.css
   ============================================================= */

:root {
  /* Background */
  --ls-bg:            #091a10;

  /* Text */
  --ls-text:          #c0d8c4;
  --ls-text-muted:    rgba(192, 216, 196, 0.60);
  --ls-text-faint:    rgba(192, 216, 196, 0.50);

  /* Dot texture */
  --ls-dot-a: rgba( 40, 200,  80, 0.14);
  --ls-dot-b: rgba( 80, 220, 120, 0.10);
  --ls-dot-c: rgba(120, 255, 100, 0.08);

  /* Gradients */
  --ls-gradient-primary: linear-gradient(135deg, #1a8040, #40c060);
  --ls-gradient-text:    linear-gradient(90deg, #30e860 0%, #a0ff60 35%, #40e8a0 65%, #20d0c0 100%);
  --ls-gradient-full:    linear-gradient(90deg, #30e860, #80e840, #c0f040, #40e890, #20d0c0, #30a8e0);

  /* Accent used for logo dot and single-colour accents */
  --ls-accent-primary: #30e860;
  --ls-accent-secondary: #20d0c0;

  /* Nav logo dot */
  --ls-gradient-logo: linear-gradient(135deg, #30e860, #a0ff60);
}

/* Nav logo dot */
.ls-nav-logo-dot { background: var(--ls-gradient-logo); }

/* Streak bar colours */
.ls-streak-bar span:nth-child(1) { background: #30e860; }
.ls-streak-bar span:nth-child(2) { background: #60e840; }
.ls-streak-bar span:nth-child(3) { background: #a0e830; }
.ls-streak-bar span:nth-child(4) { background: #c0f040; }
.ls-streak-bar span:nth-child(5) { background: #80e860; }
.ls-streak-bar span:nth-child(6) { background: #40e890; }
.ls-streak-bar span:nth-child(7) { background: #20d8b0; }
.ls-streak-bar span:nth-child(8) { background: #20c0d0; }
.ls-streak-bar span:nth-child(9) { background: #30a8e0; }

/* Problem card top-edge streaks */
.ls-card:nth-child(1)::before { background: linear-gradient(90deg, #30e860, #80e840); }
.ls-card:nth-child(2)::before { background: linear-gradient(90deg, #80e840, #c0f040); }
.ls-card:nth-child(3)::before { background: linear-gradient(90deg, #c0f040, #40e8a0); }
.ls-card:nth-child(4)::before { background: linear-gradient(90deg, #40e8a0, #20d0c0); }

/* Four paths icon bars */
.ls-path-icon:nth-child(1), .ls-path-card:nth-child(1) .ls-path-icon { background: linear-gradient(90deg, #30e860, #80e840); }
.ls-path-card:nth-child(2) .ls-path-icon { background: linear-gradient(90deg, #a0e830, #c0f040); }
.ls-path-card:nth-child(3) .ls-path-icon { background: linear-gradient(90deg, #40e890, #20d8b0); }
.ls-path-card:nth-child(4) .ls-path-icon { background: linear-gradient(90deg, #20c0d0, #30a8e0); }

/* About section accent bar */
.ls-about-accent {
  width: 60px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, #30e860, #20d0c0);
  margin-bottom: 1.5rem;
}