/* Rise Over Run — Color tokens
   Core rule from the brand book: text is always green,
   unless the background is green — then text is white. */

:root {
  /* ---- Core brand palette ---- */
  --green-900: #37433f;   /* deepened green — pressed / dark surfaces */
  --green-700: #495a58;   /* PRIMARY brand green (sampled from brand book) */
  --green-500: #5d6f6c;   /* hover lift on green */
  --green-300: #93a09d;   /* muted green — secondary text on cream */
  --green-100: #d3d9d6;   /* faint green — hairline dividers on cream */

  --cream-500: #e8e3d5;   /* SECONDARY brand cream/sand (sampled) */
  --cream-300: #f1eee4;   /* lighter paper */
  --cream-700: #d8d1bd;   /* deeper sand — borders on cream */

  --white: #ffffff;
  --black: #1c211f;       /* near-black, green-tinted, for rare max contrast */

  /* ---- Semantic aliases ---- */
  /* Surfaces */
  --surface-green:  var(--green-700);
  --surface-cream:  var(--cream-500);
  --surface-paper:  var(--cream-300);
  --surface-white:  var(--white);
  --surface-card:   var(--white);

  /* Text — default is green; on green surfaces use --text-on-green */
  --text-body:      var(--green-700);
  --text-muted:     var(--green-300);
  --text-heading:   var(--green-900);
  --text-on-green:  var(--white);
  --text-on-cream:  var(--green-700);

  /* Lines & borders */
  --border-hairline: var(--green-100);
  --border-cream:    var(--cream-700);
  --border-on-green: rgba(255, 255, 255, 0.35);
  --rule:            var(--green-700);   /* the fraction-bar rule under "OVER" */

  /* Interaction */
  --link:            var(--green-700);
  --link-hover:      var(--green-500);
  --focus-ring:      rgba(73, 90, 88, 0.45);
}