/* Rebrands the risk analyser (Risk allocation App/phase1/wix/app.html) to ZetaMinds.
   build.py removes the app's own :root palette and links tokens.css + this file after its styles,
   so the app keeps its layout and the brand supplies every colour and font. */
:root {
  --bg: var(--ground);
  --muted: var(--ink-muted);
  --soft: var(--panel-raised);
  --accent-soft: color-mix(in srgb, var(--data) 22%, transparent);
  --market: var(--chart-1);
  --fundamental: var(--chart-3);
  --macro: var(--chart-5);
  --specific: var(--chart-bench);
  --neg: var(--loss);
}
body { background: var(--ground); color: var(--ink); font: 400 15px/1.5 var(--font-sans); }
h1 { font: 600 28px/34px var(--font-serif); letter-spacing: -0.3px; text-transform: none; }
h2 { font: 500 12px/16px var(--font-mono); letter-spacing: 1.6px; color: var(--ink-subtle); }
.card { background: var(--panel); border-color: var(--line); }
input[type=text], input[type=number] { background: var(--ground); color: var(--ink); border-color: var(--line); }
input[type=text]:focus, input[type=number]:focus { outline: 2px solid var(--focus); border-color: var(--line); }
button { background: transparent; color: var(--ink); border-color: var(--line); min-height: 44px; }
button:hover { background: var(--panel-raised); }
button.primary { background: var(--accent); border-color: var(--accent); color: var(--on-accent); }
button.primary:hover { filter: none; background: var(--accent-hover); }
.suggestions { background: var(--panel-raised); box-shadow: none; }
.tile .v, .val, td, .money { font-family: var(--font-mono); font-weight: 500; font-variant-numeric: tabular-nums; }
.tile .k, th { font-family: var(--font-mono); font-weight: 500; letter-spacing: 1px; }
.tabs button { background: none; }
.tabs button.active { color: var(--ink); border-bottom-color: var(--data); }
details summary { color: var(--data); }
.sum { border-left-color: var(--data); }
.spinner { border-color: var(--accent-soft); border-top-color: var(--data); }
.err { background: color-mix(in srgb, var(--loss) 12%, transparent); border-color: var(--loss); color: var(--ink); }
.chip { background: var(--panel-raised); }
a { color: var(--data); }
