/* Train With Ty — palette skin.
   Sampled from the live site trainwithty.com.
   Import AFTER foundation/tokens.css. */

:root {
  /* ---------- Brand core ---------- */
  --tw-terra:        #C8673B;  /* terracotta / burnt orange — primary accent */
  --tw-terra-dark:   #A6522E;  /* hover */
  --tw-terra-deep:   #7E3D22;  /* pressed, deep emphasis */
  --tw-forest:       #2D4A3A;  /* empathy/pain-point surface */
  --tw-forest-dark:  #1E3528;
  --tw-cream:        #F1EADB;  /* warm cream — primary bg */
  --tw-cream-2:      #E6DDC9;  /* section-break */
  --tw-tan:          #D9BF97;  /* warm italic-accent on forest */

  /* ---------- Semantic overrides ---------- */
  --bg:              var(--tw-cream);
  --bg-elevated:     #FBF6EB;
  --bg-inverse:      var(--tw-forest);
  --fg:              var(--ink);
  --fg-inverse:      var(--tw-cream);
  --accent:          var(--tw-terra);
  --accent-hover:    var(--tw-terra-dark);
  --accent-2:        var(--tw-forest);
  --border:          var(--sand);
  --link:            var(--ink);
  --link-hover:      var(--tw-terra);
  --focus-ring:      var(--tw-terra);
}