:root,
[data-bs-theme="light"] {
  --fn-primary: #37352f;
  --fn-primary-rgb: 55, 53, 47;
  --fn-primary-text-emphasis: #27251f;
  --fn-primary-bg-subtle: #f1f1ef;
  --fn-primary-border-subtle: #d9d9d6;

  --fn-success: #448361;
  --fn-success-rgb: 68, 131, 97;
  --fn-success-text-emphasis: #2f5e45;
  --fn-success-bg-subtle: #edf3ec;
  --fn-success-border-subtle: #d6e6d5;

  --fn-warning: #cb912f;
  --fn-warning-rgb: 203, 145, 47;
  --fn-warning-text-emphasis: #8f6421;
  --fn-warning-bg-subtle: #fbf3db;
  --fn-warning-border-subtle: #f0dfb0;

  --fn-danger: #d44c47;
  --fn-danger-rgb: 212, 76, 71;
  --fn-danger-text-emphasis: #963531;
  --fn-danger-bg-subtle: #fdebec;
  --fn-danger-border-subtle: #f4c7c6;

  --fn-info: #787774;
  --fn-info-rgb: 120, 119, 116;
  --fn-info-text-emphasis: #555350;
  --fn-info-bg-subtle: #f1f1ef;
  --fn-info-border-subtle: #d9d9d6;

  --fn-body-bg: #fbfbfa;
  --fn-body-color: #37352f;
  --fn-heading-color: #37352f;
  --fn-secondary-bg: #f1f1ef;
  --fn-tertiary-bg: #f7f6f3;
  --fn-border-color: #e9e9e7;
  --fn-emphasis-color: #37352f;
}

.btn-primary {
  --fn-btn-bg: #37352f;
  --fn-btn-border-color: #37352f;
  --fn-btn-hover-bg: #2f2d28;
  --fn-btn-hover-border-color: #2f2d28;
  --fn-btn-active-bg: #27251f;
  --fn-btn-active-border-color: #27251f;
  --fn-btn-disabled-bg: #37352f;
  --fn-btn-disabled-border-color: #37352f;
}

.btn-outline-primary {
  --fn-btn-color: #37352f;
  --fn-btn-border-color: #37352f;
  --fn-btn-hover-bg: #37352f;
  --fn-btn-hover-border-color: #37352f;
  --fn-btn-active-bg: #37352f;
  --fn-btn-active-border-color: #37352f;
  --fn-btn-disabled-color: #37352f;
  --fn-btn-disabled-border-color: #37352f;
}

[data-bs-theme="dark"] {
  --fn-primary-text-emphasis: #f1f1ef;
  --fn-primary-bg-subtle: #2f2d28;
  --fn-primary-border-subtle: #4f4c45;
}