/* =========================================
   GREEN DREAMS | BRAND + LABEL REFINEMENT
   ========================================= */

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

:root {
  --gd-bubble: 'Rubik Bubbles', cursive;
  --gd-marker: 'Permanent Marker', cursive;
  --gd-copper: #efaa68;
  --gd-copper-light: #ffd7ad;
}

/* -----------------------------------------
   MARKET LAB subtitle under the logo
   ----------------------------------------- */
.brand small,
.brand .subtitle,
.brand .subline,
.brand .tagline,
.brand .brand-subtitle {
  font-family: var(--gd-bubble) !important;
  font-size: 24px !important;
  line-height: 1.05 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--gd-copper) !important;

  text-shadow:
    0 1px 0 rgba(255,231,198,.55),
    0 -1px 0 rgba(90,42,16,.85),
    1px 2px 3px rgba(0,0,0,.55) !important;

  display: block !important;
  margin-top: 6px !important;
}

/* Optional: make the brand/title area a little stronger */
.brand,
.brand * {
  overflow-wrap: normal;
}

/* -----------------------------------------
   Global label spacing
   ----------------------------------------- */
label,
small,
.eyebrow,
.workspace-label,
.panel-head span,
.gd-pattern-status,
.pill,
.badge,
.metric,
.metric-label,
.line,
.caption,
.helper,
.helper-text {
  letter-spacing: 0.07em !important;
}

/* Navigation + workstations */
.rail button,
#nav button,
#stations .station,
.gd-pattern-panel button,
.gd-pattern-panel label {
  letter-spacing: 0.055em !important;
}

/* Headings */
h1, h2, h3, h4 {
  letter-spacing: 0.04em !important;
}

/* Body copy */
p, span, div {
  letter-spacing: 0.02em;
}

/* -----------------------------------------
   Keep stock tickers clean and basic bold
   ----------------------------------------- */
#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.055em !important;
  text-transform: uppercase !important;
}

/* Ticker readability */
#tickers button {
  text-shadow:
    0 1px 0 rgba(255,235,208,.42),
    0 -1px 1px rgba(69,32,11,.7),
    0 2px 3px rgba(0,0,0,.45) !important;
}

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

/* Form controls remain readable */
input,
select,
textarea {
  letter-spacing: 0.035em !important;
}