/* bullions.css - paleta Bullions (aur pe negru) peste tokenurile clonei. Generat de reskin.js.
   Regula: neutrele raman neutre (text alb, fundal negru), aurul e doar accent. Asa arata a metal, nu a filtru galben. */
:root, :root[data-theme] {
  --color-base: #08080a;            --rgb-base: 8 8 10;
  --color-base-deep: #030304;       --rgb-base-deep: 3 3 4;
  --color-surface: #101013;
  --color-contrast: #f7f6f3;
  --color-contrast-2: #e6e4e0;      --rgb-contrast-2: 230 228 224;
  --color-contrast-3: #b4b1ab;      --rgb-contrast-3: 180 177 171;
  --color-contrast-4: #86837d;
  --color-accent: #f5c542;          --rgb-accent: 245 197 66;
  --color-accent-muted: #d0a63a;    --rgb-accent-muted: 208 166 58;
  --rgb-accent-soft: 255 231 163;
  --color-visual-accent: #edb638;
  --color-visual-accent-soft: #ffe7a3;
  --color-visual-accent-strong: #8a6410;
  --color-market-long: #f5c542;     --rgb-market-long: 245 197 66;
  --color-market-short: #7a5a2a;    --rgb-market-short: 122 90 42;
  --color-status-positive: #f0c04a;
  --color-status-negative: #a4643a;
  --color-control-background-hover: rgb(22 20 16 / .9);
}
/* Titlul are acum mai multe litere decat originalul ("Bullions" fata de "Time"), deci micsoram
   marimile prin variabilele site-ului. Asa se recalculeaza si decalajele care depind de ele. */
.hero { --hero-headline-word-size: max(3rem, calc(var(--hero-gate-width) * .172)); --hero-headline-line-size: max(1.3rem, calc(var(--hero-gate-width) * .082)); }
/* Titlul sectiunii de perps sta intr-un container mai lat decat ecranul si are "white-space: nowrap".
   Daca il lasam sa treaca pe doua randuri, randul de sus se taie (containerul e inalt cat un rand),
   asa ca il tinem pe un rand si ii micsoram corpul cat sa incapa pe orice latime. */
.time-replay-scene__title { white-space: nowrap; max-width: none; font-size: min(5.1vw, 5.6rem); }

/* Selectia textului: aur plin cu litere inchise, nu voal masliniu peste negru. */
::selection { background: #f5c542; color: #12100a; }
::-moz-selection { background: #f5c542; color: #12100a; }

/* Butoanele principale: lingou plin, nu contur. Textul devine inchis, ca sa se citeasca pe aur. */
.button { color: #12100a; }
.button:before { background: var(--color-accent); border-color: var(--color-accent); }
.button .button__mark { color: inherit; }
.button:hover { color: #12100a; background: transparent; }
.button:hover:before { background: #ffd76a; border-color: #ffd76a; }

/* Randul de deasupra titlurilor (eyebrow) capata putin aer si o linie de aur, ca sa marcheze sectiunile. */
.scene-eyebrow { letter-spacing: .14em; text-transform: uppercase; }

/* ---------------------------------------------------------------------------------------------
   Cardurile din "How you play" si din "The bars".
   Regula: aurul e rar. Suprafetele raman neutre, contrastul il face tipografia, nu stralucirea.
   Fara umbre colorate, fara fundal auriu, fara chenar auriu: doar un fir alb foarte discret.
   --------------------------------------------------------------------------------------------- */
#strategy .scene-panel, #control .scene-panel {
  border: 1px solid rgb(255 255 255 / .07);
  border-radius: 10px;
  background: rgb(255 255 255 / .014);
  box-shadow: none;
  backdrop-filter: none;
  transition: border-color .4s ease, background .4s ease;
}
#strategy .scene-panel:hover, #control .scene-panel:hover {
  border-color: rgb(255 255 255 / .16);
  background: rgb(255 255 255 / .028);
}

/* Eticheta: mica, linistita, gri. Valoarea: mai mare si aproape alba. Diferenta o face marimea, nu culoarea. */
#strategy .strategy-rule__label, #strategy .strategy-fragment__label,
#control .control-field__state-title {
  font-family: var(--font-mono); text-transform: uppercase; letter-spacing: .18em;
  font-size: .625rem; color: rgb(255 255 255 / .38);
}
#strategy .strategy-rule__value, #strategy .strategy-fragment__value {
  letter-spacing: -.012em; color: #f2f1ee;
}

/* Bila din centru: singurul loc din sectiune unde apare aurul, si acela stins.
   Inelele raman albe la opacitate mica, ca sa nu para o aura de poster. */
#strategy .strategy-object__target-shell {
  border-color: rgb(255 255 255 / .07);
  background: radial-gradient(circle at 50% 50%, rgb(245 197 66 / .045), transparent 58%);
  box-shadow: none;
}
#strategy .strategy-object__target-shell:before { border-color: rgb(255 255 255 / .05); }
#strategy .strategy-object__core-ring { border-color: rgb(255 255 255 / .1); box-shadow: none; }
#strategy .strategy-object__core-dot {
  background: #f5c542;
  border-color: rgb(245 197 66 / .55);
  box-shadow: 0 0 18px 2px rgb(245 197 66 / .22);
}

/* Legenda diagramei cu seiful: primele patru randuri sunt ce INTRA (alb), ultimele patru sunt ce IESE (aur),
   cu o linie subtire intre ele. Asa se citeste dintr-o privire in ce se transforma aurul. */
.analytics-metric--positive dd, .analytics-metric dd { color: var(--color-contrast); }
.analytics-metric:nth-child(n+5) dd { color: var(--color-accent); }
.analytics-metric:nth-child(5) { position: relative; margin-top: .55rem; padding-top: .55rem; }
.analytics-metric:nth-child(5):before { content: ""; position: absolute; top: 0; right: 0; width: 2.25rem; height: 1px; background: var(--color-accent); opacity: .55; }