/* Oats color system — warm amber/honey over an oat-paper neutral scale.
   Base ramps first, semantic aliases second. */
:root {
  /* — Oat neutrals (warm paper → warm ink) — */
  --oat-50:  #FBF8F1;
  --oat-100: #F5EEE0;
  --oat-200: #ECE2CE;
  --oat-300: #DED0B4;
  --oat-400: #C6B392;
  --oat-500: #A08D6D;
  --oat-600: #7A6C52;
  --oat-700: #574C39;
  --oat-800: #3B3327;
  --oat-900: #262019;
  --oat-950: #191510;

  /* — Honey / amber (brand) — */
  --honey-50:  #FDF4E1;
  --honey-100: #FBE7BE;
  --honey-200: #F6D089;
  --honey-300: #EFB854;
  --honey-400: #E7A130;
  --honey-500: #DB8B18;   /* primary brand honey */
  --honey-600: #BE7110;
  --honey-700: #97570F;
  --honey-800: #6F4111;
  --honey-900: #4B2D0F;

  /* — Semantic accents (warm-biased) — */
  --sage-500:   #6E8B3D;  /* success / positive */
  --sage-100:   #E7EDD4;
  --clay-500:   #C24F2E;  /* danger / destructive */
  --clay-100:   #F8DDD2;
  --amber-warn: #C98A12;  /* warning */
  --amber-warn-100: #FBEBC4;
  --slate-500:  #4E6E7E;  /* info (dusty, warm blue) */
  --slate-100:  #DDE8EC;

  /* — Surfaces — */
  --surface-page:    var(--oat-50);
  --surface-card:    #FFFFFF;
  --surface-sunken:  var(--oat-100);
  --surface-raised:  #FFFFFF;
  --surface-inverse: var(--oat-900);
  --surface-hover:   var(--oat-100);
  --surface-active:  var(--oat-200);

  /* — Text — */
  --text-strong:     var(--oat-900);   /* headlines, user's own notes */
  --text-body:       var(--oat-800);
  --text-muted:      var(--oat-600);   /* AI-generated / secondary text */
  --text-subtle:     var(--oat-500);
  --text-inverse:    var(--oat-50);
  --text-onhoney:    #2A1B05;          /* text on honey fills */
  --text-brand:      var(--honey-700);
  --text-link:       var(--honey-700);
  --text-link-hover: var(--honey-800);

  /* — Borders — */
  --border-subtle:   var(--oat-200);
  --border-default:  var(--oat-300);
  --border-strong:   var(--oat-400);
  --border-focus:    var(--honey-500);

  /* — Brand — */
  --brand:           var(--honey-500);
  --brand-hover:     var(--honey-600);
  --brand-active:    var(--honey-700);
  --brand-tint:      var(--honey-50);
}