/* ───── Vinea design tokens (mirrors docs/design/direction.md §4.1) ─────
   Shared with the iOS app's AppColors so web and native stay in lockstep.
   Light is the default; dark activates via `body.dark` (set by the prefers-
   color-scheme media query in the page <style>) or by manually toggling. */
:root{
  --bg:           #f5ecdc;       /* WarmBackground (light) */
  --bg-2:         #efe4d0;
  --card-solid:   #fbf3e3;
  --ink:          #1f1a14;
  --ink-2:        #4b4338;
  --ink-3:        #8a7f6e;
  --hairline:     rgba(31,26,20,0.10);
  --hairline-2:   rgba(31,26,20,0.18);

  --vine:         #5F7F44;
  --vine-2:       #4E6E3C;
  --wine:         #7A2828;
  --pro:          #5A2A3E;

  --stage-receiving:#6E6E6E;
  --stage-crush:    #C56B2F;
  --stage-primary:  #5F7F44;
  --stage-pressing: #A88828;
  --stage-secondary:#4E6E3C;
  --stage-mlf:      #6A4D7D;
  --stage-aging:    #7A4F32;
  --stage-bottled:  #7A2828;

  --health-on:#5F8B52;
  --health-slow:#B8871E;
  --health-stalled:#A44F42;

  --serif:'Fraunces','New York','Iowan Old Style',Georgia,serif;
  --sans:-apple-system,'SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif;
  --rounded:-apple-system,'SF Pro Rounded','SF Pro Display',ui-rounded,'Avenir Next Rounded','Helvetica Neue',sans-serif;
}
body.dark{
  --bg:           #14110d;
  --bg-2:         #1c1812;
  --card-solid:   #221b14;
  --ink:          #ece2cc;
  --ink-2:        #c4b8a0;
  --ink-3:        #7a7264;
  --hairline:     rgba(236,226,204,0.10);
  --hairline-2:   rgba(236,226,204,0.18);

  --vine:         #8AAE6F;
  --vine-2:       #6f9558;
  --wine:         #C8524F;
  --pro:          #B06F89;

  --stage-receiving:#a09a8e;
  --stage-crush:    #e08d4f;
  --stage-primary:  #8AAE6F;
  --stage-pressing: #d8b04f;
  --stage-secondary:#7d9d65;
  --stage-mlf:      #9a7eb0;
  --stage-aging:    #b07b5a;
  --stage-bottled:  #d56e6b;
}