/* =============================================================
   langsyn-com.css  —  langsyn.com overrides (red theme)
   Load AFTER langsyn-theme.css
   ============================================================= */

:root {
  --ls-bg:                #180808;

  --ls-text:              #e0c8c8;
  --ls-text-muted:        rgba(224, 200, 200, 0.58);
  --ls-text-faint:        rgba(224, 200, 200, 0.50);

  --ls-dot-a:             rgba(255,  50,  50, 0.14);
  --ls-dot-b:             rgba(255, 100,  60, 0.10);
  --ls-dot-c:             rgba(220,  30,  80, 0.10);

  --ls-gradient-primary:  linear-gradient(135deg, #a01020, #e03030);
  --ls-gradient-text:     linear-gradient(90deg, #ff3040 0%, #ff6030 40%, #ff9020 75%, #ffcc30 100%);
  --ls-gradient-full:     linear-gradient(90deg, #ff2040, #ff4030, #ff6030, #ff9020, #ffcc30, #e030a0);

  --ls-accent-primary:    #ff3040;
  --ls-accent-secondary:  #ff6030;

  --ls-gradient-logo:     linear-gradient(135deg, #ff3040, #ff9020);
}

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

/* Streak bar */
.ls-streak-bar span:nth-child(1) { background: #ff2040; }
.ls-streak-bar span:nth-child(2) { background: #ff4030; }
.ls-streak-bar span:nth-child(3) { background: #ff6030; }
.ls-streak-bar span:nth-child(4) { background: #ff8020; }
.ls-streak-bar span:nth-child(5) { background: #ffa020; }
.ls-streak-bar span:nth-child(6) { background: #ffcc30; }
.ls-streak-bar span:nth-child(7) { background: #e030a0; }

/* Card top-edge accents */
.ls-card:nth-child(1)::before { background: linear-gradient(90deg, #ff2040, #ff4030); }
.ls-card:nth-child(2)::before { background: linear-gradient(90deg, #ff4030, #ff6030); }
.ls-card:nth-child(3)::before { background: linear-gradient(90deg, #ff6030, #ff9020); }
.ls-card:nth-child(4)::before { background: linear-gradient(90deg, #ff9020, #ffcc30); }

/* Product card left-border colours */
.ls-product-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 12px;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
}
.ls-product-card::before {
  content: '';
  position: absolute;
  left: 0; top: 0; bottom: 0;
  width: 3px;
}
.ls-product-card:nth-child(1)::before { background: linear-gradient(180deg, #ff2040, #ff6030); }
.ls-product-card:nth-child(2)::before { background: linear-gradient(180deg, #ff6030, #ff9020); }
.ls-product-card:nth-child(3)::before { background: linear-gradient(180deg, #ff9020, #e030a0); }

/* Attribute pills */
.ls-attr {
  font-size: 11px;
  padding: 3px 8px;
  border-radius: 4px;
  background: rgba(255, 40, 60, 0.08);
  border: 1px solid rgba(255, 40, 60, 0.22);
  color: #e06060;
}

/* Economy coin cards */
.ls-coin-card {
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(255,255,255,0.07);
  border-radius: 10px;
  padding: 1.25rem;
  position: relative;
  overflow: hidden;
}
.ls-coin-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
}
.ls-coin-card:nth-child(1)::before { background: linear-gradient(90deg, #ff2040, #ff6030); }
.ls-coin-card:nth-child(2)::before { background: linear-gradient(90deg, #30e890, #30c0ff); }

.ls-coin-ticker { font-size: 11px; opacity: 0.42; margin-left: 6px; }
.ls-coin-note   { font-size: 11px; color: rgba(221,208,192,0.28); margin-top: 0.75rem; font-style: italic; }