/* ═══════════════════════════════════════════════════════════════
   NEPSE TRADING ACADEMY — design tokens
   © 2026 Shital Ghimire. All rights reserved.

   "LEDGER" — the aesthetic of a well-set annual report read at night.
   Warm charcoal ground rather than cold blue-black. ONE metal accent,
   spent sparingly. Market green and red are reserved exclusively for
   market data and never appear in the interface chrome.
   ═══════════════════════════════════════════════════════════════ */

:root {
  /* ── ground: warm charcoal, never pure black ─────────────── */
  --ink-900: #100F0D;   /* page                     */
  --ink-850: #16150F;   /* deep panel               */
  --ink-800: #1B1A16;   /* surface / card           */
  --ink-750: #22211B;   /* raised, hover            */
  --ink-700: #2C2A23;   /* hairline                 */
  --ink-600: #3B3931;   /* strong rule, gridline    */
  --ink-500: #4E4B41;

  /* ── type: warm paper, four steps of emphasis ────────────── */
  --paper:   #F4F1E8;
  --paper-2: #C3BEB0;
  --paper-3: #8B857678;
  --paper-3: #8E8878;
  --paper-4: #605B4F;

  /* ── the single accent: old gold. Used sparingly. ────────── */
  --gold:      #C9A227;
  --gold-soft: #E0BF57;
  --gold-dim:  #6E5A16;
  --gold-wash: rgba(201, 162, 39, 0.10);

  /* ── market signals — DATA ONLY, never chrome ────────────── */
  --bull:      #3FBF8F;
  --bull-dim:  #1F6E52;
  --bull-wash: rgba(63, 191, 143, 0.10);
  --bear:      #E2585F;
  --bear-dim:  #8C2F36;
  --bear-wash: rgba(226, 88, 95, 0.10);

  /* learner progress shares the gold; no fourth colour exists */
  --signal:      var(--gold);
  --signal-dim:  var(--gold-dim);
  --signal-wash: var(--gold-wash);

  /* Nepal crimson: EXACTLY three uses —
     1) the NEPSE wordmark  2) the certificate seal  3) the Nepal-note rule */
  --crimson: #C0392B;

  /* ── chart ───────────────────────────────────────────────── */
  --grid:    rgba(59, 57, 49, 0.5);
  --axis:    #6E6959;
  --volume:  rgba(195, 190, 176, 0.16);
  --ma-fast: var(--gold);
  --ma-slow: #7C9BB5;
  --rsi-line:#A98BC4;

  /* ── type scale: wider contrast than before ──────────────── */
  --t-mega: clamp(3.5rem, 11vw, 9rem);
  --t-xxl:  clamp(2.1rem, 5.4vw, 3.9rem);
  --t-xl:   clamp(1.6rem, 3.2vw, 2.4rem);
  --t-lg:   clamp(1.22rem, 2vw, 1.5rem);
  --t-md:   1.0625rem;
  --t-sm:   0.9375rem;
  --t-xs:   0.8125rem;
  --t-cap:  0.6875rem;

  /* ── space: 4px base, but the large steps are larger ─────── */
  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 24px; --s6: 36px; --s7: 56px; --s8: 80px; --s9: 120px;

  --measure: 66ch;
  --radius:  2px;
  --hairline: 1px solid var(--ink-700);

  --ease: cubic-bezier(.2,.7,.2,1);
  --dur: 280ms;

  /* fonts */
  --f-display: 'Bricolage Grotesque', 'Arial Black', sans-serif;
  --f-read:    'Newsreader', Georgia, serif;
  --f-data:    'Martian Mono', ui-monospace, monospace;
  --f-np:      'Mukta', sans-serif;
}

/* Colour-blind-safe alternative: bull becomes blue, bear stays red.
   Shape already carries the signal — up candles hollow, down filled —
   so this is an addition, never a substitute. */
:root[data-cb="1"] {
  --bull: #5B9FE0; --bull-dim: #2A5F91;
  --bull-wash: rgba(91, 159, 224, 0.10);
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    transition-duration: .01ms !important;
  }
}
:root[data-motion="0"] * { animation: none !important; transition: none !important; }