/*
 * Ethir Systems — Fellowship palette study
 *
 * Load after styles.css. This alternate keeps the existing design intact while
 * combining the earlier forest greens with the reference image's weathered
 * slate blue, stone, and restrained plum.
 */

:root {
  --paper: #f4f1e6;
  --paper-deep: #ded7c1;
  --ink: #29352e;
  --ink-soft: #4b584d;
  --mist: #dce3d6;
  --line: #758073;
  --line-soft: #b3bbae;
  --copper: #586782;
  --copper-dark: #3f4e68;
  --gold: #e3b737;
  --gold-dark: #756300;
  --gold-bright: #e3b737;
  --rule: rgba(41, 53, 46, 0.24);
}

/* Green remains the anchor so the business identity stays grounded. */
.button-primary {
  background: #43513f;
  color: #fefefe;
}

.button-primary:hover,
.button-primary:focus-visible {
  background: #29352e;
  box-shadow: 0 10px 25px rgba(41, 53, 46, 0.2);
}

/* A faint sage band echoes the landscape without becoming scenic. */
.approach {
  background: #dce3d6;
}

/* Gold marks decisions, destinations, and navigation without taking over. */
.accent-dot {
  color: var(--gold);
}

.service-number,
.site-footer p {
  color: var(--gold-dark);
}

.hero .text-link {
  border-bottom-color: var(--gold);
}

.site-nav a,
.site-footer nav a {
  color: var(--ink-soft);
}

.hero-flow circle,
.problem-visual .nodes circle {
  fill: var(--gold);
}

.connection-list li span {
  background: var(--gold);
}

.about-divider,
.about-divider span {
  background: var(--gold);
}

.result h2 span {
  color: var(--gold-bright);
}

.result {
  background: #29352e;
}

.result svg .result-accent {
  stroke: var(--gold-bright);
}

.result svg circle {
  fill: var(--gold-bright);
}

::selection {
  background: #c9c0a4;
  color: #29352e;
}