/* Hedgehog admin: one colour scheme for the console (admin/web) and the research catalog (/research-catalog/).
   The only place colours are defined. Both apps map their own variable names onto these tokens.

   Dark is the research catalog's original palette (what the owner uses daily). Light is the catalog's own "lite"
   palette, with a softer border for the console's cards. Theme: <html data-theme="light|dark">, set by
   /theme/hh-theme.js from localStorage "hh-theme"; with no choice saved it follows the OS setting.
   *-rgb: the same colours as space-separated channels (for Tailwind alpha in the partner pages).
   Charts are server-rendered SVGs: hh_admin/research_catalog/charts.py holds the same values for them. */

:root {
  --hh-bg: #f7f4ee;
  --hh-surface: #fffcf6;
  --hh-surface-2: #efebe3;
  --hh-chart-bg: #ffffff;
  --hh-border: #8a8174;
  --hh-border-soft: #d6cfc3;
  --hh-text: #161410;
  --hh-muted: #4a443c;
  --hh-placeholder: #6b645a;
  --hh-accent: #6a4e1c;        /* eyebrows, links */
  --hh-accent-strong: #6a4e1c; /* active outlines */
  --hh-accent-wash: #e8dcc4;   /* active button background */
  --hh-on-accent: #fffcf6;     /* text on a solid accent */
  --hh-row-hover: #e7e1d6;
  --hh-pos: #2f6b32;
  --hh-neg: #9b2c22;
  --hh-neg-wash: rgba(155, 44, 34, 0.12);
  --hh-warn: #8a4b10;
  --hh-backdrop: rgba(40, 36, 30, 0.28);
  /* chart series (strategy, benchmarks, leverage ladder) */
  --hh-series-1: #8a6a2e;
  --hh-series-2: #3d5a7a;
  --hh-series-3: #a0522d;
  --hh-series-4: #6b645a;
  --hh-series-5: #4f3a12;
  --hh-bg-rgb: 247 244 238;
  --hh-surface-rgb: 255 252 246;
  --hh-surface-2-rgb: 239 235 227;
  --hh-text-rgb: 22 20 16;
  --hh-muted-rgb: 74 68 60;
  --hh-placeholder-rgb: 107 100 90;
  --hh-border-soft-rgb: 214 207 195;
  --hh-accent-rgb: 106 78 28;
  --hh-accent-strong-rgb: 106 78 28;
  --hh-pos-rgb: 47 107 50;
  --hh-neg-rgb: 155 44 34;
  --hh-warn-rgb: 138 75 16;
  --hh-series-1-rgb: 138 106 46;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --hh-bg: #12110f;
    --hh-surface: #1a1816;
    --hh-surface-2: #201d1a;
    --hh-chart-bg: #161310;
    --hh-border: #322d28;
    --hh-border-soft: #2a2825;
    --hh-text: #e8e0d4;
    --hh-muted: #8f867a;
    --hh-placeholder: #6f675e;
    --hh-accent: #b89a6a;
  --hh-accent-strong: #c4a882;
    --hh-accent-wash: #2a241c;
    --hh-on-accent: #12110f;
    --hh-row-hover: #221f1c;
    --hh-pos: #7d9a72;
    --hh-neg: #c27062;
    --hh-neg-wash: rgba(194, 112, 98, 0.16);
    --hh-warn: #c0844a;
    --hh-backdrop: rgba(10, 8, 6, 0.62);
    --hh-series-1: #c4a882;
    --hh-series-2: #8aa0b5;
    --hh-series-3: #c4896a;
    --hh-series-4: #7a7268;
    --hh-series-5: #e4d3b0;
    --hh-bg-rgb: 18 17 15;
  --hh-surface-rgb: 26 24 22;
  --hh-surface-2-rgb: 32 29 26;
  --hh-text-rgb: 232 224 212;
  --hh-muted-rgb: 143 134 122;
  --hh-placeholder-rgb: 111 103 94;
  --hh-border-soft-rgb: 42 40 37;
  --hh-accent-rgb: 184 154 106;
  --hh-accent-strong-rgb: 196 168 130;
  --hh-pos-rgb: 125 154 114;
  --hh-neg-rgb: 194 112 98;
  --hh-warn-rgb: 192 132 74;
  --hh-series-1-rgb: 196 168 130;
  color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --hh-bg: #12110f;
  --hh-surface: #1a1816;
  --hh-surface-2: #201d1a;
  --hh-chart-bg: #161310;
  --hh-border: #322d28;
  --hh-border-soft: #2a2825;
  --hh-text: #e8e0d4;
  --hh-muted: #8f867a;
  --hh-placeholder: #6f675e;
  --hh-accent: #b89a6a;
  --hh-accent-strong: #c4a882;
  --hh-accent-wash: #2a241c;
  --hh-on-accent: #12110f;
  --hh-row-hover: #221f1c;
  --hh-pos: #7d9a72;
  --hh-neg: #c27062;
  --hh-neg-wash: rgba(194, 112, 98, 0.16);
  --hh-warn: #c0844a;
  --hh-backdrop: rgba(10, 8, 6, 0.62);
  --hh-series-1: #c4a882;
  --hh-series-2: #8aa0b5;
  --hh-series-3: #c4896a;
  --hh-series-4: #7a7268;
  --hh-series-5: #e4d3b0;
  --hh-bg-rgb: 18 17 15;
  --hh-surface-rgb: 26 24 22;
  --hh-surface-2-rgb: 32 29 26;
  --hh-text-rgb: 232 224 212;
  --hh-muted-rgb: 143 134 122;
  --hh-placeholder-rgb: 111 103 94;
  --hh-border-soft-rgb: 42 40 37;
  --hh-accent-rgb: 184 154 106;
  --hh-accent-strong-rgb: 196 168 130;
  --hh-pos-rgb: 125 154 114;
  --hh-neg-rgb: 194 112 98;
  --hh-warn-rgb: 192 132 74;
  --hh-series-1-rgb: 196 168 130;
  color-scheme: dark;
}