/* =========================================
   GREEN DREAMS TRADING
   PERMANENT MARKER + EMBOSSED LETTERING
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap');

:root {
  --gd-marker: 'Permanent Marker', cursive;
  --gd-copper: #efaa68;
  --gd-copper-light: #ffd09b;
}

/* Permanent Marker across the interface */
body,
button,
input,
select,
textarea,
label,
h1, h2, h3, h4, h5, h6,
p, span, strong, small,
a, option {
  font-family: var(--gd-marker) !important;
}

/* Slightly embossed default letters */
body {
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 -1px 0 rgba(0,0,0,.45),
    1px 2px 2px rgba(0,0,0,.30);
}

/* Raised burnt-orange section titles */
h1, h2, h3, h4,
.panel h3,
.workspace h2,
.gd-pattern-panel h3 {
  color: var(--gd-copper) !important;

  text-shadow:
    0 1px 0 rgba(255,225,185,.48),
    0 -1px 0 rgba(92,42,15,.8),
    1px 2px 2px rgba(0,0,0,.6) !important;

  letter-spacing: .025em;
}

/* Sidebar: engraved burnt-orange lettering */
.rail button,
#nav button,
.station {
  font-family: var(--gd-marker) !important;
  text-shadow:
    0 1px 0 rgba(255,216,170,.38),
    0 -1px 1px rgba(51,22,9,.75),
    1px 2px 2px rgba(0,0,0,.45) !important;
}

/* Keep navigation icons unaffected */
.rail button svg,
#nav button svg {
  filter: none;
}

/* Selected workstation: copper text and glow */
.rail button.selected,
.rail button.active,
#nav button.active,
#nav button[aria-current="page"],
#stations .station.selected {
  color: #ffbf83 !important;
  text-shadow:
    0 1px 0 rgba(255,230,194,.52),
    0 -1px 1px rgba(82,36,10,.8),
    0 2px 3px rgba(0,0,0,.6) !important;
}

/* Ticker labels: stamped metal lettering */
#tickers button {
  font-family: var(--gd-marker) !important;
  color: #f1b17c !important;

  text-shadow:
    0 1px 0 rgba(255,228,192,.45),
    0 -1px 1px rgba(57,27,12,.75),
    1px 2px 2px rgba(0,0,0,.5) !important;
}

/* Selected ticker */
#tickers button.active,
#tickers button[aria-pressed="true"] {
  color: #ffd09b !important;

  text-shadow:
    0 1px 0 rgba(255,237,207,.65),
    0 -1px 1px rgba(80,30,8,.8),
    0 2px 3px rgba(0,0,0,.55) !important;
}

/* Form controls: clear lettering */
input, select, textarea {
  letter-spacing: .015em;
  text-shadow:
    0 1px 0 rgba(255,255,255,.12),
    0 -1px 1px rgba(0,0,0,.35) !important;
}

/* Status labels remain legible */
.pill,
.badge,
.metric,
.line {
  letter-spacing: .01em;
}

/* Responsive typography */
@media (max-width: 600px) {
  h1 {
    line-height: 1.25;
  }

  button, select, input {
    line-height: 1.35;
  }
}

/* =========================================
   GREEN DREAMS | FONT REFINEMENT V2
   ========================================= */

/* Gentle spacing for Permanent Marker */
body {
  letter-spacing: 0.025em;
}

h1, h2, h3, h4,
.rail button,
#nav button,
#stations .station {
  letter-spacing: 0.045em !important;
}

/* Small descriptive text: avoid excessive spacing */
p, small, label,
.metric, .line, .pill {
  letter-spacing: 0.015em;
}

/* Stock ticker symbols: BASIC BOLD, NOT MARKER */
#tickers button,
#tickers button *,
button[data-ticker],
button[data-ticker] *,
.ticker,
.ticker * {
  font-family:
    Arial,
    Helvetica,
    sans-serif !important;

  font-weight: 800 !important;
  font-style: normal !important;
  letter-spacing: 0.045em !important;
  text-transform: uppercase;
}

/* Keep the stamped metallic ticker appearance */
#tickers button {
  text-shadow:
    0 1px 0 rgba(255,235,208,.45),
    0 -1px 1px rgba(69,32,11,.7),
    0 2px 3px rgba(0,0,0,.45) !important;
}

/* Selected ticker retains its orange glow */
#tickers button.active,
#tickers button[aria-pressed="true"] {
  color: #ffd09b !important;
  border-color: #f5a14a !important;

  box-shadow:
    inset 0 2px 3px rgba(255,223,170,.35),
    inset 0 -3px 5px rgba(0,0,0,.5),
    0 0 9px rgba(255,151,47,.5),
    0 0 20px rgba(255,132,28,.2) !important;
}