/* =========================================================== WolfTrack TR
   The brand, in one file. Every colour on the marketing site and in the
   sign-in screens comes from here — nothing hard-codes a hex anywhere else.

   The palette is not invented: --wine, --rose and --plum are sampled straight
   out of assets/brand/wolf.png. The mark is white fur, a wine outline and a
   soft pink shading, so the site is white with wine as the primary and violet
   only as the second half of the gradients.

   --up and --down are deliberately OUTSIDE the brand. Green means "this trade
   made money" and must not drift towards the brand pink just because the
   brand is pink.
   ====================================================================== */

/* ---------------------------------------------------------------- fonts
   IBM Plex, the same files the journal already ships (SIL OFL 1.1, see
   assets/fonts/OFL.txt). Each face prefers an installed copy and falls back
   to the bundled file, so nothing is fetched from a third party — no Google
   Fonts request, which also keeps the privacy policy short and true. */
@font-face{font-family:"WT Sans";src:local("IBM Plex Sans"),url("../assets/fonts/plex-sans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"WT Sans";src:local("IBM Plex Sans SemiBold"),url("../assets/fonts/plex-sans-600.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
@font-face{font-family:"WT Mono";src:local("IBM Plex Mono"),url("../assets/fonts/plex-mono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"WT Mono";src:local("IBM Plex Mono SemiBold"),url("../assets/fonts/plex-mono-600.woff2") format("woff2");font-weight:500 700;font-style:normal;font-display:swap}
/* used for exactly one thing: the stylised TR of the wordmark */
@font-face{font-family:"WT Serif";src:local("IBM Plex Serif"),url("../assets/fonts/plex-serif-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}

:root{
  --sans:"WT Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --mono:"WT Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --serif:"WT Serif",Georgia,"Times New Roman",serif;

  /* ------------------------------------------------------- brand (sampled)
     Contrast ratios below are against --paper (#FFFFFF), measured, not
     guessed. Anything under 4.5 is marked and may only carry large text or
     a non-essential mark. */
  --wine:#93304F;        /* 7.6:1 — primary: buttons, links, the wordmark   */
  --wine-deep:#6E2239;   /* 10.7:1 — hover and pressed                      */
  --wine-bright:#C2456F; /* 4.6:1 — on the plum sections only               */
  --rose:#E9A9BA;        /* 1.9:1 — DECORATION ONLY: rules, tints, gradients*/
  --rose-wash:#FBEFF3;   /* faintest fill, for callouts                     */
  --violet:#6C2B7B;      /* 9.5:1 — the far end of every gradient           */
  --violet-deep:#4E1C5B;
  --plum:#2B1119;        /* the darkest ink in the mark — dark sections     */
  --plum2:#3B1A25;

  /* ------------------------------------------------------------ surfaces */
  --paper:#FFFFFF;
  --bg:#FBF8F9;          /* a breath of the rose inside the white           */
  --panel2:#F6EFF2;
  --rule:#EADFE4;
  --rule2:#F3ECEF;

  /* ---------------------------------------------------------------- text */
  --ink:#241019;         /* 15.9:1 — near-black with a plum cast            */
  --dim:#6E5B63;         /* 6.2:1 — secondary prose                         */
  --dim2:#9C8A92;        /* 3.3:1 — LARGE OR DECORATIVE ONLY                */

  /* ------------------------------------------------------ trading colours
     Not part of the brand. They carry meaning, so they never change. */
  --up:#177A4E;          /* 5.4:1 */
  --down:#C6413A;        /* 5.0:1 */
  --warn:#9A6208;        /* 5.2:1 */

  /* ------------------------------------------------------------- effects */
  --grad:linear-gradient(105deg,var(--violet) 0%,var(--wine) 58%,var(--wine-bright) 100%);
  --shadow:0 1px 2px rgba(43,17,25,.05),0 8px 24px -12px rgba(43,17,25,.18);
  --shadow-lg:0 2px 4px rgba(43,17,25,.06),0 24px 60px -24px rgba(43,17,25,.28);
  --ring:0 0 0 3px rgba(147,48,79,.22);
  --r:14px;              /* the house corner radius */
  --r-sm:9px;
}


/* ------------------------------------------------------------------------
   THIS FILE IS THE BRAND AND NOTHING ELSE: the typefaces and the custom
   properties. Everything that used to follow - the reset, the buttons, the
   wordmark, the utilities - now lives in base.css.

   The split is not tidiness. On /app and /demo the journal's own stylesheet
   is attached on top of these, and js/journal/mount.js switches base.css and
   auth.css OFF for as long as it is: two design systems that both define
   .btn, .wrap and the element reset cannot be live at once without one
   leaking into the other. It did - the journal's buttons came out taller on
   the web build than in the offline one, from the same code.

   What stays here stays because it is SAFE to have live underneath the
   journal: @font-face adds no rules, and every custom property below is
   either unused by the journal or redefined by it (journal.css declares its
   own :root later in the cascade, so it wins). The demo bar, which sits
   outside the journal on /demo, needs these to survive - which is exactly
   why they are in the file that never gets switched off.
   --------------------------------------------------------------------- */