/* ===========================================================================
   The design tokens the shared valuation stylesheet expects.

   `valuation-tab.css` is copied from the dashboard unchanged, and it styles
   itself entirely through custom properties. This file is the only thing
   that differs between the two deployments - the same role `host.py` plays
   on the Python side - and it maps those names onto the portal's palette.

   Keeping it separate is what lets the stylesheet stay one file: a fork
   would have been edited on one side and not the other the first time a
   colour changed.
   =========================================================================== */

#valuation-window {
    /* surfaces */
    --bg-primary: var(--bg-900);
    --bg-secondary: var(--bg-800);
    --bg-card: var(--bg-800);
    --bg-elevated: var(--bg-700);

    /* ink - the portal's own names happen to match for these two */
    --text-faint: #64748b;

    /* borders: the portal calls its hairline --border-primary and its
       stronger one --border-subtle, which is the opposite way round from
       the dashboard, so these are deliberately crossed rather than
       passed through. */
    --border-subtle: var(--border-primary);
    --border-medium: #334155;

    /* verdict colours. Green is the portal's own accent so a fair price
       reads as it does everywhere else here; amber and red are the
       dashboard's, which have no equivalent on this side. */
    --green: #00d4aa;
    --red: #f87171;
    --amber: #f59e0b;
    --cyan: #22d3ee;

    /* radii */
    --radius: 12px;
    --radius-sm: 8px;
    --radius-xs: 6px;
}