/* ============================================================
   JEFF SHARED — jeff-shared.css
   Common color palette and base styles for Jeff's pages.
   Load order: khojant.css → jeff-shared.css → page-specific css
   Used by: jeff-profile.html, jeff-about.html
   ============================================================ */

/* ── COLOR PALETTE (dark mode) ── */
:root {
  --navy:           #010d1a;
  --navy-light:     #061525;
  --slate:          #5a7a9a;
  --light-slate:    #8aabcc;
  --lightest-slate: #c8d8f0;
  --white:          #deeeff;
  --green:          #38bdf8;
  --green-tint:     rgba(56,189,248,0.07);
  --font-mono:      'Courier New', monospace;
}

/* ── BODY BASE ── */
/* Overrides khojant.css font (Inter → Segoe UI) and background (black → navy) */
body {
  background-color: var(--navy);
  color: var(--slate);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

/* ── SCROLL REVEAL ── */
/* Overrides khojant.css (28px / 0.7s) with a tighter Jeff-page animation */
.reveal { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; }
.reveal.visible { opacity: 1; transform: none; }

/* ── LIGHT MODE ── */
@media (prefers-color-scheme: light) {
  :root {
    --navy:           #EFF6FF;
    --navy-light:     #FFFFFF;
    --slate:          #3B5270;
    --light-slate:    #243F6A;
    --lightest-slate: #0F1E3A;
    --white:          #080E1C;
    --green:          #0060CC;
    --green-tint:     rgba(0,96,204,0.07);
  }

  body {
    background-color: #EFF6FF;
    color: #3B5270;
  }

  .ticker-wrap {
    background: rgba(239,243,251,0.96) !important;
    border-bottom-color: rgba(0,96,204,0.12) !important;
  }
}

@media (max-width: 768px) and (prefers-color-scheme: light) {
  .ticker-wrap { background: rgba(239,243,251,0.99) !important; }
}