/* GREEN DREAMS | FINAL COPPER + EMERALD STEEL THEME */

:root {
  --gd-copper: #d88a49;
  --gd-orange: #f5ad69;
  --gd-amber: #ffc48a;
  --gd-forest: #07150f;
}

/* Dark green polished-metal foundation */
html, body {
  background-color: #07150f !important;
}

body {
  background-image:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.045) 0px,
      transparent 1px,
      transparent 3px
    ),
    radial-gradient(
      ellipse at 55% 5%,
      rgba(68,124,82,.22),
      transparent 60%
    ),
    linear-gradient(
      145deg,
      #153629,
      #06120d 42%,
      #1b392b 75%,
      #07130e
    ) !important;
}

/* Metallic embossed typography */
h1, h2, h3, h4 {
  color: var(--gd-copper) !important;

  text-shadow:
    0 1px 0 #ffd2a0,
    0 -1px 1px #452514,
    1px 2px 2px #130c07,
    0 3px 5px rgba(0,0,0,.65) !important;
}

p, label, small, .eyebrow {
  color: #ddb18b;
}

.panel-head h3,
.panel-head span,
.workspace-label,
.gd-pattern-header h3 {
  color: var(--gd-orange) !important;
}

/* Stronger stainless-steel finish on panels */
.panel,
.station,
.workspace,
.gd-pattern-panel {
  border-color: #8c9e8c !important;

  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.35),
    inset 2px 0 3px rgba(235,255,238,.08),
    inset 0 -5px 7px rgba(0,0,0,.6),
    0 6px 15px rgba(0,0,0,.42) !important;
}

/* Cool dark-steel Data Engine */
.panel.data {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.055) 0px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      135deg,
      #688078,
      #243a35 40%,
      #11231f 70%,
      #4c665e
    ) !important;
}

/* Antique bronze Calculation Engine */
.panel.calc {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.045) 0px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      130deg,
      #736141,
      #332b20 42%,
      #221e16 70%,
      #625038
    ) !important;

  border-color: #b18e5d !important;
}

/* Deep emerald Pattern Tracker Laboratory */
.gd-pattern-panel {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.05) 0px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      130deg,
      #37624b,
      #132a20 45%,
      #0b2117 70%,
      #456e53
    ) !important;

  border-color: #88b18e !important;
}

/* More pronounced metallic buttons */
.station,
#nav button,
#tickers button,
button[data-ticker],
.gd-pattern-panel select {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.07) 0px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      155deg,
      #a2aaa1,
      #3d4943 26%,
      #1d2924 55%,
      #79887b
    ) !important;

  color: var(--gd-orange) !important;
  border: 1px solid #aaa996 !important;

  text-shadow:
    0 1px 0 rgba(255,214,166,.55),
    0 -2px 2px rgba(30,11,0,.9),
    0 3px 3px rgba(0,0,0,.6) !important;

  box-shadow:
    inset 0 2px 3px rgba(255,255,255,.44),
    inset 0 -4px 5px rgba(0,0,0,.65),
    0 3px 8px rgba(0,0,0,.3) !important;
}

.station *,
#nav button * {
  color: inherit !important;
  text-shadow: inherit !important;
}

/* Warm illuminated selected state */
.station.selected,
#nav button.metal-active,
#tickers button.selected,
button[data-ticker].selected,
button[aria-pressed="true"] {
  color: #ffd19b !important;
  border: 2px solid #ffa54c !important;

  box-shadow:
    inset 0 1px 3px rgba(255,210,139,.38),
    inset 0 -3px 5px rgba(0,0,0,.5),
    0 0 9px rgba(255,145,35,.48),
    0 0 22px rgba(255,124,22,.22) !important;
}

/* Distinct burnt-copper primary action */
#gdPrepare {
  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.08) 0px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      150deg,
      #ffcf91,
      #c87937 48%,
      #76401e
    ) !important;

  color: #21130b !important;
  border: 1px solid #ffd29b !important;

  text-shadow: 0 1px 1px rgba(255,239,207,.65) !important;

  box-shadow:
    inset 0 2px 2px rgba(255,255,255,.48),
    inset 0 -4px 5px rgba(68,28,5,.5),
    0 0 15px rgba(255,143,45,.22) !important;
}

/* Labels and secondary text */
.gd-pattern-panel label {
  color: #e8a36c !important;
}

.gd-pattern-status {
  color: #ffc18a !important;
}

#gdPatternResult {
  background: linear-gradient(
    140deg,
    #253c30,
    #11251c
  ) !important;
  color: #e8b994 !important;
  border: 1px solid rgba(213,143,83,.3);
}

/* Preserve low-key engraved brand watermark */
body::before {
  opacity: .045 !important;
}

/* Respect reduced-motion preferences */
@media (prefers-reduced-motion: reduce) {
  .station, button {
    transition: none !important;
  }
}

/* GREEN DREAMS | ACTIVE TICKER ORANGE GLOW */

#tickers button.active,
#tickers button[aria-pressed="true"],
button[data-ticker].active,
button[data-ticker][aria-pressed="true"] {

  background:
    repeating-linear-gradient(
      0deg,
      rgba(255,255,255,.055) 0px,
      transparent 1px,
      transparent 4px
    ),
    linear-gradient(
      145deg,
      #89765a 0%,
      #41372c 35%,
      #242920 65%,
      #74573b 100%
    ) !important;

  color: #ffd09b !important;

  border: 2px solid #f6a24c !important;

  text-shadow:
    0 1px 1px #ffe0b9,
    0 -2px 2px #4a210c,
    0 3px 4px rgba(0,0,0,.7) !important;

  box-shadow:
    inset 0 2px 3px rgba(255,222,166,.35),
    inset 0 -3px 5px rgba(0,0,0,.55),
    0 0 9px rgba(255,151,47,.55),
    0 0 22px rgba(255,132,28,.25) !important;
}