.light {
  --bf-primary: #285b70;
  --bf-on-primary: #ffffff;
  --bf-primary-container: #c4e7f8;
  --bf-on-primary-container: #0b4054;
  --bf-accent: #b3572d;
  --bf-on-accent: #ffffff;
  --bf-accent-container: #ffdbca;
  --bf-on-accent-container: #693014;
  --bf-success: #27663f;
  --bf-success-container: #baf0c9;
  --bf-warning: #7a5912;
  --bf-warning-container: #fae1a4;
  --bf-error: #ba1a1a;
  --bf-error-container: #ffdad6;
  --bf-surface: #f7fafb;
  --bf-surface-low: #eff4f6;
  --bf-surface-high: #e4ecef;
  --bf-surface-highest: #d9e4e8;
  --bf-on-surface: #182023;
  --bf-on-surface-muted: #556268;
  --bf-outline: #738187;
  --bf-outline-soft: #c3cdd1;
  --bf-shadow: rgb(12 42 54 / 14%);
  --bf-grid: rgb(40 91 112 / 8%);
}