/* Zenit Prop — design tokens ("Summit Graphite"). Single source of truth for the site and the terminal skin. */
:root{
  /* Surfaces — graphite family, neutral so candles and P&L colours read true */
  --bg:#0E0F14;            /* page */
  --sf:#151821;            /* card */
  --sf2:#1C202B;           /* raised: inputs, hover, selected row */
  --sf3:#242938;           /* pressed / active tab */
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.20);
  --grid:transparent;      /* no background grid */

  /* Text */
  --ink:#F3F4F6;
  --fg2:#A3ABBD;
  --fg3:#6F7787;

  /* Brand accent — violet. Red is reserved for loss/sell, green for profit/buy, so the brand never collides with P&L. */
  --acc:#7C5CFF;
  --acch:#957DFF;
  --onacc:#FFFFFF;
  --focus:#B3A3FF;

  /* Semantic */
  --up:#1FB46A;   --up-bg:rgba(31,180,106,.14);
  --dn:#E5484D;   --dn-bg:rgba(229,72,77,.14);
  --warn:#E0A93C; --warn-bg:rgba(224,169,60,.14);

  /* Type */
  --display:'Manrope','Inter',Helvetica,Arial,sans-serif;        /* site headlines only */
  --sans:'Inter','Manrope',Helvetica,Arial,sans-serif;           /* body + terminal UI */
  --mono:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace; /* numbers, labels */

  /* Shape */
  --r:10px;        /* cards, buttons */
  --r-sm:6px;      /* tags, small controls */
  --pad:max(20px,4vw);
  --sec:clamp(40px,6vw,88px);
}
