:root {
  --bg:       #1a1a1d;
  --bg-2:    #232328;
  --bg-3:    #2d2d33;
  --fg:       #f5f1e8;
  --fg-dim:   #a8a29a;
  --fg-mute:  #6b6660;
  --accent:   #d4a857;
  --line:     #3a3a40;

  --ok:       #5a9b6c;
  --warn:     #d4a857;
  --bad:      #b85a4a;

  /* category colors (mirror build-data.py) */
  --cat-amaro:        #7a4a2b;
  --cat-bourbon:      #a0521b;
  --cat-brandy:       #8b3a1d;
  --cat-cocktails:    #b03a6a;
  --cat-gin:          #4a7a8b;
  --cat-irish:        #3d7a4a;
  --cat-liqueurs:     #9b2a6b;
  --cat-mezcal:       #5a4a3a;
  --cat-rum:          #6b3a1a;
  --cat-rye:          #b56a2a;
  --cat-scotch:       #7b3a1f;
  --cat-tequila:      #7a8b3a;
  --cat-vermouth:     #6b1a3a;
  --cat-vodka:        #4a6b8b;

  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;

  --safe-top:    env(safe-area-inset-top, 0);
  --safe-bottom: env(safe-area-inset-bottom, 0);
  --safe-left:   env(safe-area-inset-left, 0);
  --safe-right:  env(safe-area-inset-right, 0);
}