@import url("/assets/fonts.css?v=1");
/* AlgoTrade design tokens - theme "Forest". ONE source for every colour on algotrade.ltd.
   Verdara-style tonal theme: ink and dark blocks are the darkest shade of the logo green; greys are green-tinted. Live theme from 21 Oct 2026 (Will). Previous theme: tokens-a.css.
   Scale steps follow the Radix Colors roles: 1-2 page/app backgrounds, 3-5 component backgrounds (tints, chips),
   6-8 borders and separators, 9-10 solid fills (logo green, buttons, bars), 11-12 text (11 = secondary, 12 = main ink).
   n = neutral, g = brand green, r = loss red, dd = drawdown clay, a = amber (cent tag, warnings), b = info blue.
   Change a value here and every page follows. Pages must use var(--c-...) - never a raw hex. */
:root{
  --c-n0:#FFFFFF;
  --c-n1:#FCFDFC;
  --c-n2:#F6F9F5;
  --c-n3:#ECF2EB;
  --c-n4:#E3EBE2;
  --c-n5:#D9E3D8;
  --c-n6:#D7DAD7;
  --c-n7:#CCCFCC;
  --c-n8:#B9BCB8;
  --c-n9:#86938A;
  --c-n10:#5F6E61;
  --c-n11:#3E5141;
  --c-n12:#14281A;
  --c-bg:#F1F6F0;
  --c-g2:#F5FBF5;
  --c-g3:#E9F6E9;
  --c-g5:#C9E8CA;
  --c-g7:#94CE9A;
  --c-g9:#55A546;
  --c-g11:#2A7E3B;
  --c-g12:#203C25;
  --c-r3:#FEEBEC;
  --c-r7:#F4A9AA;
  --c-r8:#EB8E90;
  --c-r9:#CE2C31;
  --c-r12:#641723;
  --c-dd:#B4532A;
  --c-ddbg:#FBF3EC;
  --c-a3:#FFF7C2;
  --c-a5:#F3D673;
  --c-a7:#E9C162;
  --c-a9:#FFC53D;
  --c-a10:#E2A336;
  --c-a11:#AB6400;
  --c-a12:#4F3422;
  --c-b3:#E6EEF7;
  --c-b11:#2B5C8A;
  /* roles */
  --c-ink:var(--c-n12);--c-ink-2:var(--c-n10);--c-ink-3:var(--c-n8);--c-line:var(--c-n4);--c-card:var(--c-n0);--c-page:var(--c-bg);
  --c-accent:var(--c-g9);--c-pos:var(--c-g11);--c-neg:var(--c-r9);--c-tint:var(--c-g3);
  --r-card:20px;--r-pill:999px;--sh-card:0 1px 2px rgba(0,0,0,.04);
  --sp-section:56px;--sp-section-m:40px;--w-page:1180px;
}

/* 21 Oct 2026 (Will): one font and one page background on every page. Header, footer, buttons and forms use the same font as the content. */
:root{--f-sans:"Jakarta","Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
html body{font-family:var(--f-sans);background:var(--c-page)}
html body :is(button,input,select,textarea){font-family:inherit}
html body header.sh,html body footer.sf{font-family:var(--f-sans)!important}
/* 21 Oct 2026 (Will): body text justified on every page (replaces the 20 Oct left-align rule in header.css). Long paragraphs elsewhere are justified by hlogin.js. */
html body :is(article,.narrow) :is(p,li),html body .note,html body .h27-fd p.bio{text-align:justify!important;-webkit-hyphens:auto!important;hyphens:auto!important}
/* body text justified on every page (Will, 22 Oct 2026); centred or styled blocks keep their own alignment */
html body main :is(p,li,dd,blockquote,figcaption){text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}
html body main :is(td,th,button,label,nav) :is(p,li){text-align:inherit}