/* Next Gen Dashboards — gold board theme (Mining). Add class="ngd-gold" to <html> and load after ngd.css.
   Only the BOARD and the time bar turn gold (Zoe, 17-oct: "solo el tablero, no la barra" + "here too" on the time bar):
   the tokens are scoped to .ngd-main and .ngd-timebar, so the blue header with tabs and filters stays as it is. NGD.tok reads tokens from .ngd-main, so charts follow.
   Accent validated with the dataviz palette validator against the categorical slots:
   light #a5770a (surface #fcfcfb), dark #b8891f (dark band L 0.48–0.67, >= 3:1). */

.ngd-gold .ngd-main, .ngd-gold .ngd-timebar {
  --accent: #a5770a; --accent-soft: rgba(165, 119, 10, .12); --accent-soft-2: rgba(165, 119, 10, .22);
  --seq-100: #f6ecd2; --seq-200: #ecd7a0; --seq-300: #dcbb62; --seq-400: #c39a2c;
  --seq-500: #a5770a; --seq-600: #7c5907; --seq-700: #523b05;
  --div-pos: #a5770a;
  --spark-line: #a5770a; --spark-fill: rgba(165, 119, 10, .16);
}
@media (prefers-color-scheme: dark) {
  :root.ngd-gold:not([data-theme="light"]) .ngd-main, :root.ngd-gold:not([data-theme="light"]) .ngd-timebar {
    --accent: #b8891f; --accent-soft: rgba(184, 137, 31, .18); --accent-soft-2: rgba(184, 137, 31, .3);
    --seq-100: #2a2210; --seq-200: #4a3a14; --seq-300: #6b531a; --seq-400: #8d6c1d;
    --seq-500: #b8891f; --seq-600: #d6ad4f; --seq-700: #f1d27a;
    --div-pos: #b8891f; --spark-line: #d6ad4f; --spark-fill: rgba(184, 137, 31, .2);
  }
}
:root.ngd-gold[data-theme="dark"] .ngd-main, :root.ngd-gold[data-theme="dark"] .ngd-timebar {
  --accent: #b8891f; --accent-soft: rgba(184, 137, 31, .18); --accent-soft-2: rgba(184, 137, 31, .3);
  --seq-100: #2a2210; --seq-200: #4a3a14; --seq-300: #6b531a; --seq-400: #8d6c1d;
  --seq-500: #b8891f; --seq-600: #d6ad4f; --seq-700: #f1d27a;
  --div-pos: #b8891f; --spark-line: #d6ad4f; --spark-fill: rgba(184, 137, 31, .2);
}

/* the board background: warm parchment with a gold glow (the Power BI mining report's bokeh, toned down) */
.ngd-gold .ngd-content {
  background: radial-gradient(60% 45% at 85% 18%, rgba(214, 160, 50, .22) 0%, transparent 70%),
    radial-gradient(50% 40% at 8% 70%, rgba(201, 140, 40, .12) 0%, transparent 70%),
    linear-gradient(180deg, #f3ebdc 0%, #faf6ee 100%);
}
@media (prefers-color-scheme: dark) {
  :root.ngd-gold:not([data-theme="light"]) .ngd-content {
    background: radial-gradient(60% 45% at 85% 18%, rgba(214, 160, 50, .16) 0%, transparent 70%),
      radial-gradient(50% 40% at 8% 70%, rgba(201, 140, 40, .09) 0%, transparent 70%), linear-gradient(180deg, #120e07 0%, #0c0a06 100%);
  }
}
:root.ngd-gold[data-theme="dark"] .ngd-content {
  background: radial-gradient(60% 45% at 85% 18%, rgba(214, 160, 50, .16) 0%, transparent 70%),
    radial-gradient(50% 40% at 8% 70%, rgba(201, 140, 40, .09) 0%, transparent 70%), linear-gradient(180deg, #120e07 0%, #0c0a06 100%);
}

/* cards and hero: warm borders and shadows */
.ngd-gold .ngd-main .ngd-card, .ngd-gold .ngd-main .ngd-hero { border-color: rgba(165, 119, 10, .18); box-shadow: 0 6px 22px rgba(80, 55, 10, .07); }

/* KPI tiles: bronze, gold, copper, olive, umber (white text >= 3:1 on every stop) */
.ngd-gold .ngd-kpis > .ngd-kpi { box-shadow: 0 8px 22px rgba(60, 40, 5, .16); }
.ngd-gold .ngd-kpis > .ngd-kpi:nth-child(5n+1) { background: linear-gradient(135deg, #4d3606 0%, #8a650c 100%); }
.ngd-gold .ngd-kpis > .ngd-kpi:nth-child(5n+2) { background: linear-gradient(135deg, #6b4a08 0%, #a5770a 100%); }
.ngd-gold .ngd-kpis > .ngd-kpi:nth-child(5n+3) { background: linear-gradient(135deg, #5a2f14 0%, #9a5426 100%); }
.ngd-gold .ngd-kpis > .ngd-kpi:nth-child(5n+4) { background: linear-gradient(135deg, #3f3c16 0%, #6e6a28 100%); }
.ngd-gold .ngd-kpis > .ngd-kpi:nth-child(5n+5) { background: linear-gradient(135deg, #3a2a18 0%, #6e5232 100%); }

/* right-click menu lives in <body>, outside the board: give it the gold hover too */
.ngd-gold .ngd-ctx button:hover, .ngd-gold .ngd-ctx button:focus-visible { background: rgba(165, 119, 10, .12); color: #8a650c; }

/* time bar: warm strip under the blue header (light mode; dark keeps its surface) */
.ngd-gold .ngd-head .ngd-timebar { background: var(--timebar-bg, linear-gradient(90deg, #fffdf8 0%, #f7efdf 100%)); }

/* header: charcoal-espresso with a gold glow (Zoe, 17-oct: "¿esto puede ser de otro color, combinar con el gold?") —
   the dark of her Power BI mining report; the active tab keeps its gold line */
.ngd-gold .ngd-head {
  background: radial-gradient(60% 150% at 92% -20%, rgba(214, 160, 50, .32) 0%, transparent 60%),
    linear-gradient(110deg, #120f0b 0%, #241c13 55%, #3d2d18 100%);
  box-shadow: 0 10px 30px rgba(30, 20, 5, .25);
}
.ngd-gold .ngd-head .ngd-pick, .ngd-gold .ngd-head .ngd-btn, .ngd-gold .ngd-head .ngd-chip { background: rgba(255, 244, 220, .07); border-color: rgba(241, 210, 122, .22); }
.ngd-gold .ngd-head .ngd-btn:hover, .ngd-gold .ngd-head .ngd-chip:hover { background: rgba(241, 210, 122, .14); }
.ngd-gold .ngd-head .ngd-ms.is-filtered .ngd-ms__btn, .ngd-gold .ngd-head .ngd-selchip { background: rgba(241, 210, 122, .26); border-color: #f2c14e; }
.ngd-gold .ngd-head .ngd-pick:focus-within { border-color: #f2c14e; box-shadow: 0 0 0 3px rgba(242, 193, 78, .25); }
.ngd-gold .ngd-head__sector svg { background: rgba(241, 210, 122, .16); color: #f2d27a; }