/* One PipTradeDex palette, on every page.
   The landing and the terminal use amber with a Base blue accent. The older pages were
   built on green token names, so those names are remapped here rather than rewritten in
   eight files. Green keeps the jobs where it carries meaning: a price up, a success tick.
   Loaded last in the head, so it wins over each page's own :root block. */
:root {
  --brand: #f5a623;
  --brand2: #d98c0c;
  --peri: #4a72ff;
  --iris: #4a72ff;
  --indigo: #4a72ff;
  --amber: #f5a623;
  --gold: #f5a623;
  --accent: #f5a623;
}

/* meaning, not brand */
:root {
  --up: #23b26d;
  --ok: #23b26d;
  --down: #ef5b67;
  --bad: #ef5b67;
}

/* The wordmark and the inline icons carry the old colours as SVG presentation
   attributes. A stylesheet beats a presentation attribute, so the markup stays untouched
   and this file remains the single place the palette is decided. */
[stroke="#3ddc97"] { stroke: #f5a623; }
[fill="#3ddc97"] { fill: #f5a623; }
[stop-color="#3ddc97"] { stop-color: #f5a623; }
[stroke="#2bc684"] { stroke: #d98c0c; }
[fill="#2bc684"] { fill: #d98c0c; }
[stroke="#7c8cff"] { stroke: #4a72ff; }
[fill="#7c8cff"] { fill: #4a72ff; }
[stop-color="#7c8cff"] { stop-color: #4a72ff; }

/* Touch targets on phones. A named list, never a blanket rule on a or button: a global
   minimum inflates inline links inside prose and every dense row. Heights only, so
   nothing reflows sideways. */
@media (max-width: 880px) {
  .dp-brand { min-height: 36px; display: inline-flex; align-items: center; }
  nav a { min-height: 36px; display: inline-flex; align-items: center; }
}