:root {
  --fg-primary:        #0F766E;
  --fg-secondary:      #1E293B;
  --fg-accent:         #F59E0B;
  --fg-bg-primary:     #F8FAFC;
  --fg-bg-secondary:   #F1F5F9;
  --fg-bg-hover:       #E2E8F0;
  --fg-text-primary:   #0F172A;
  --fg-text-secondary: #475569;
  --fg-text-disabled:  #94A3B8;
  --fg-border:         #CBD5E1;
  --fg-success:        #16A34A;
  --fg-warning:        #F97316;
  --fg-error:          #DC2626;
  --fg-info:           #0284C7;

  --bs-primary:              var(--fg-primary);
  --bs-secondary:            var(--fg-secondary);
  --bs-success:              var(--fg-success);
  --bs-danger:               var(--fg-error);
  --bs-warning:              var(--fg-warning);
  --bs-info:                 var(--fg-info);
  --bs-body-bg:              var(--fg-bg-primary);
  --bs-body-color:           var(--fg-text-primary);
  --bs-secondary-color:      var(--fg-text-secondary);
  --bs-tertiary-color:       var(--fg-text-disabled);
  --bs-border-color:         var(--fg-border);
  --bs-table-hover-bg:       var(--fg-bg-hover);
  --bs-link-color:           var(--fg-primary);
  --bs-link-hover-color:     var(--fg-primary);
}

body.bg-fg { background-color: var(--fg-bg-primary); }
.navbar.bg-fg-secondary { background-color: var(--fg-secondary) !important; }
.btn-primary { background-color: var(--fg-primary); border-color: var(--fg-primary); }
.btn-primary:hover { background-color: #0C655E; border-color: #0C655E; }
.text-warning { color: var(--fg-accent) !important; }
.table-striped > tbody > tr:nth-of-type(odd) > * { background-color: var(--fg-bg-secondary); }
.table-hover > tbody > tr:hover > * { background-color: var(--fg-bg-hover); }