.dark {
  --bf-primary: #91cce6;
  --bf-on-primary: #003547;
  --bf-primary-container: #174e63;
  --bf-on-primary-container: #c4e7f8;
  --bf-accent: #ffb691;
  --bf-on-accent: #54200a;
  --bf-accent-container: #753719;
  --bf-on-accent-container: #ffdbca;
  --bf-success: #9dd8ae;
  --bf-success-container: #12512c;
  --bf-warning: #ddc687;
  --bf-warning-container: #5c4200;
  --bf-error: #ffb4ab;
  --bf-error-container: #93000a;
  --bf-surface: #101719;
  --bf-surface-low: #182124;
  --bf-surface-high: #222d31;
  --bf-surface-highest: #2d393d;
  --bf-on-surface: #e0e7e9;
  --bf-on-surface-muted: #b7c2c6;
  --bf-outline: #8d999e;
  --bf-outline-soft: #3e4a4f;
  --bf-shadow: rgb(0 0 0 / 36%);
  --bf-grid: rgb(145 204 230 / 7%);
}