/* Bodhin — color. A single grayscale ramp. No color, ever. */
:root {
  /* Base ramp — surface (white) to ink (near-black) */
  --gray-0:   #fafaf8;  /* Off-white surface */
  --gray-10:  #f1f1ee;  /* Subtle fill    */
  --gray-20:  #e3e3df;  /* Hairline line  */
  --gray-30:  #cfcfca;  /* Strong line    */
  --gray-40:  #9e9e98;  /* Disabled ink   */
  --gray-60:  #6d6d67;  /* Muted ink      */
  --gray-80:  #3b3b37;  /* Secondary ink  */
  --gray-90:  #2a2a27;  /* Hover ink      */
  --gray-100: #1e1e1c;  /* Very dark gray ink */

  /* Semantic aliases */
  --bg:            var(--gray-0);
  --surface:       var(--gray-0);
  --surface-subtle:var(--gray-10);
  --surface-card:  var(--gray-0);

  --fg:            var(--gray-100);
  --text-primary:  var(--gray-100);
  --text-body:     var(--gray-90);
  --text-secondary:var(--gray-80);
  --text-muted:    var(--gray-60);
  --text-disabled: var(--gray-40);
  --text-inverse:  var(--gray-0);

  --line:          var(--gray-20);
  --line-strong:   var(--gray-30);

  /* Interaction */
  --ink-hover:     var(--gray-90);   /* primary fill hover  */
  --fill-hover:    var(--gray-10);   /* subtle hover wash   */
  --focus-ring:    rgba(30, 30, 28, .08);
  --focus-ring-strong: rgba(30, 30, 28, .12);
}