/* Trailway Growth — Color
   "Stone and moss." Four tones. No glow, no gradients, no tech-blue.
   This thing doesn't emit light. It just sits there being more capable than you expected. */

:root {
  /* ---- Base palette ---- */
  --tw-dark:  #3A4C45;  /* Dark Stone — INK + the dark POP. Type on light + hairline borders,
                           and the darker contrast element ON a moss ground when you don't
                           want bone. Never a standalone surface of its own. */
  --tw-moss:  #3D7A6A;  /* Moss — THE surface. Every filled/primary ground + the action color. */
  --tw-sage:  #A2BBB6;  /* Sage — weathered surface, resting field borders, muted type */
  --tw-bone:  #E4EFEA;  /* Bone — light ground, reversed type, air */
  --tw-white: #ffffff;  /* paper white for cards on light grounds */

  /* page ground sits a hair off bone */
  --tw-paper: #f2f5f3;

  /* ---- Alpha derivations of Dark Stone (text + lines on light) ---- */
  --tw-dark-92: rgba(58, 76, 69, .92);
  --tw-dark-82: rgba(58, 76, 69, .82);
  --tw-dark-70: rgba(58, 76, 69, .70);
  --tw-dark-65: rgba(58, 76, 69, .65);
  --tw-dark-55: rgba(58, 76, 69, .55);
  --tw-dark-45: rgba(58, 76, 69, .45);
  --tw-dark-35: rgba(58, 76, 69, .35);
  --tw-line:    rgba(58, 76, 69, .10);  /* hairline borders on light */

  /* ---- Alpha derivations of Bone (text + lines on dark/moss) ---- */
  --tw-bone-82: rgba(228, 239, 234, .82);
  --tw-bone-75: rgba(228, 239, 234, .75);
  --tw-bone-60: rgba(228, 239, 234, .60);
  --tw-bone-16: rgba(228, 239, 234, .16);  /* the straight grid overlay line */

  /* ---- Sage alpha ---- */
  --tw-sage-60: rgba(162, 187, 182, .60);

  /* ---- The House — division accents (swap the second word, never the palette spirit) ----
     Each division also keys a nature-imagery subject matched to its accent:
       brands → forest/canopy · promotion → honeycomb/amber · outbound → ocean/tidal
       sales → red rock/canyon · capital → aurora/dusk */
  --tw-brands:    #3D7058;  /* offer · brand · website · collateral */
  --tw-promotion: #DCB62E;  /* ads · content · landing · SEO · referral */
  --tw-outbound:  #3A6B80;  /* cold email · cold calls · LinkedIn */
  --tw-sales:     #8B5A5A;  /* outsourced closing team */
  --tw-capital:   #6B5A7A;  /* investment arm */
  --tw-os:        #5C6E86;  /* trailwayOS — the product surface */

  /* ---- Semantic aliases ---- */
  --surface-page:     var(--tw-paper);
  --surface-card:     var(--tw-white);
  --surface-primary:  var(--tw-moss);   /* the ground everything sits on — the default fill */
  --surface-deep:     var(--tw-dark);   /* the dark POP against moss (chip/panel/chrome) when
                                           bone isn't wanted. Never a standalone dark ground. */
  --surface-muted:    var(--tw-bone);   /* filled fields, quiet chips */

  --text-strong:   var(--tw-dark);      /* headlines on light */
  --text-body:     var(--tw-dark-70);   /* body copy on light */
  --text-muted:    var(--tw-dark-55);   /* captions, meta */
  --text-faint:    var(--tw-dark-35);   /* placeholders */
  --text-on-dark:  var(--tw-bone);      /* reversed type */
  --text-on-dark-muted: var(--tw-bone-75);

  --accent:        var(--tw-moss);      /* the brand default action color */
  --border-hair:   var(--tw-line);
  --border-field:  var(--tw-sage);      /* resting input border */
  --border-focus:  var(--tw-moss);      /* focused input border */
  --label-mono:    var(--tw-moss);      /* mono micro-labels */
}